UI/html/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../css/announceit-styles.css">
<link rel="stylesheet" href="../css/font-awesome/css/font-awesome.min.css">
<title>AnnounceIT</title>
</head>
<body>
<!-- Header for small screens -->
<div class="header-small-screens width-100 bg-purple">
<div class="width-100">
<div class="text-50 text-bold expl-to-do text-center header-logo-sm bg-purple-dark padding-2">
<a href="index.html">
<span class="announce-brand">Announce</span><span class="it-brand">IT</span>
</a>
<span class="position-right hand-cursor" id="toggler">
<i class="fa fa-bars menu"></i>
</span>
</div>
<div class="text-50 width-80 hidden-element" id="menu-small-screens">
<ul class="text-center container-vertical">
<li class="margin-top-5"><a href="signin.html" class="text-green">Signin</a></li>
<li class="margin-top-5"><a href="signup.html" class="text-green">Signup</a></li>
<li class="margin-top-5"><a href="#" class=" text-green">Help</a></li>
</ul>
</div>
</div>
</div>
<!--Header for big-screens-->
<div class="introductory-block header-big-screen heigth-400 width-100">
<div class="width-100 bg-dark-transparent heigth-400 nav white-bordered-1-bottom">
<div class="container width-90">
<div class="text-50 text-bold expl-to-do">
<a href="index.html">
<span class="announce-brand">Announce</span><span class="it-brand">IT</span>
</a>
</div>
<nav class="container">
<a href="signin.html" class="text-green">Signin</a>
<a href="signup.html" class="text-green">Signup</a>
<a href="#" class=" text-green">Help</a>
</nav>
</div>
<div class="centered-element-h container">
<h1 class="margin-top-5 width-80 text-center expl-to-do">
Welcome the AnnounceIT Application, to start using our services we provide you,
you can signup or signin by just clicking the Enter button you see right below
</h1>
</div>
</div>
<!-- Entrance button-->
<div class="entrance-button">
<a
href="signin.html">
<div class="white-bordered-1 bg-dark text-30 padding-10 text-center rounded-corner-30" >
Enter
</div>
</a>
</div>
<div >
</div>
</div>
<!-- Explaining what the app does, and what it helps a user -->
<div class="container centered-element-h padding-5">
<div class="width-90 padding-2 shadows-black rounded-corner-15">
<h1 class="text-center">Why AnnounceIT is important to you?</h1>
<p class="text-center">
<ul>
<li>Are you an advertiser?</li>
<li>Are you a business institution or businessman?</li>
<li>Do you wonder how you can access the broadcasting agencies in an easy way? </li>
</ul>
<strong>
<em>Are you facing the same problems?
Or you have some other related problems to the above question?</em>
</strong>
</p>
<p>
<h1 class="text-center">Here are your solutions</h1>
AnnounceIT helps you reach the <strong>broadcasting agencies</strong> so easily, start using our cool,
flexible and reliable application. You only need to click
<strong><em><a class="text-blue" href="signin.html">Enter</a></em></strong>
to start enjoying solutions we have for you. You can post announcements of any kind,
and your announcements is ready to reach your target population
</p>
</div>
</div>
<footer class="text-center margin-top-1">
<div class="container centered-element-h">
<span>AnnounceIT</span>
<span class="margin-left-5">ⓒ 2020</span>
</div>
</footer>
<script type="module" src="../js/responsive-navbar.js"></script>
</body>
</html>