UI/html/create-announcement.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">
<title>Create announcement</title>
</head>
<body>
<div class="entrance-pages">
<!-- header -->
<div class="bg-dark container">
<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">
<div class="position-right">
<a href="#">Help </a>
<a href="signin.html">Logout </a>
</div>
</nav>
</div>
<!-- Announcement form -->
<div
class="bg-dark-transparent width-60 margin-bottom-5 margin-top-5 rounded-corner-15 padding-5">
<form>
<div class="margin-bottom-5">
<h1 class="text-center">Fill this form to create new announcement</h1>
</div>
<div class="margin-bottom-5">
<label for="announcement-title">
<span class="hand-cursor text-bold text-17">Announcement title</span>
<input
type="text"
id="announcement-title"
placeholder="Eg.: Buying school uniform"
class="width-100 white-bordered-1-bottom text-17 text-white"
/>
</label>
</div>
<div class="margin-bottom-5">
<label for="announcement-content">
<span class="hand-cursor text-bold text-17">Announcement content</span>
<textarea
name="announcement-content"
id="announcement-content"
cols="30"
rows="5"
id="announcement-content"
placeholder="Enter the announcement content here"
class="width-100 white-bordered-1-bottom text-17 text-white"></textarea>
</label>
</div>
<div class="margin-bottom-5">
<label for="announcement-stating-time">
<span class="hand-cursor text-bold text-17">Announcement starting time</span>
<input
type="date"
id="announcement-stating-time"
class="width-100 white-bordered-1-bottom text-17 text-white"
/>
</label>
</div>
<div class="margin-bottom-5">
<label for="announcement-ending-date">
<span class="hand-cursor text-bold text-17">Announcement ending date</span>
<input
type="date"
id="announcement-ending-date"
class="width-100 white-bordered-1-bottom text-17 text-white"
/>
</label>
</div>
<div class="margin-bottom-5">
<a href="user-profile.html">
<button
type="button"
class="hand-cursor text-bold text-17 rounded-corner-30 width-100 bg-dark-transparent text-center text-15"
>Send your announcement</button>
</a>
</div>
</form>
</div
>
</div>
<!--Footer-->
<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/updateAnnouncement.js"></script>
</body>
</html>