forked from hngi/Team-EOS-Mini-Classroom
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
79 lines (59 loc) · 3.31 KB
/
dashboard.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mathisi Announcement</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/hh.css">
</head>
<body>
<div class="container-fluid">
<div class="row content">
<div class="col-sm-3 sidenav">
<img src="./images/HT.jpg" alt="Avatar" class="profile">
<p class="pn"><strong>Henry Teejay</strong> </p>
<ul class="nav nav-pills nav-stacked" style="padding-top: 20px">
<li class="active" style="color: white"><a href="#section1"> <img class="side" src="./images/ic-round-notifications-none.png"> Announcements</a></li>
<li><a href="#section2" class="cl"> <img class="side" src="./images/whh-student.png"> Students</a></li>
<li><a href="#section3" class="cl"> <img class="side" src="./images/mdi-teach.png"> Classes</a></li>
<li><a href="#section3" class="cl"> <img class="side" src="./images/foundation-book.png"> Materials</a></li>
</ul><br>
</div>
<div class="col-lg-9" style="padding-top: 50px">
<img src="./images/logo.png" alt="Mathisi Logo" class="logo">
<img src="./images/feather-settings.png" class="set">
<hr>
<h4>Add Announcement</h4>
<form role="form">
<div class="form-group">
<input class="form-control" rows="0" required placeholder="Title" style="border-bottom: none"></input>
</div>
<div class="form-group mt-3">
<textarea class="form-control" rows="3" required placeholder="Add Announcement...." style="border-top: none"></textarea>
</div>
<button type="submit" class="btn btn-primary">Post</button>
</form>
<br><br>
<div class="col-lg-12" style="padding-top: 10px" class="panel panel-primary">
<div style="float: center">
<h2><strong class="label label-default">NOTICE BOARD</strong></h2>
</div>
<hr>
<h3><span class="label label-primary">There Would Be A Test Next-Week</span></h3>
<h5><span class="glyphicon glyphicon-time"></span> Post by Meredith Grey, Sep 27, 2019.</h5>
<br>
<!-- <h5><span class="label label-danger">Food</span> <span class="label label-primary">Ipsum</span></h5><br> -->
<p>You can post announcements to your class on the Stream page. Announcements are posts with no assignments. Use them to give notices to your students. Announcements appear on the Stream page in chronological order. If you want, you can move an older post to the top..</p>
<br><br>
<hr>
<h3><span class="label label-primary">There Would Be A Test Next-Week</span></h3>
<h5><span class="glyphicon glyphicon-time"></span> Post by Meredith Grey, Sep 24, 2019.</h5>
<br>
<p>You can post announcements to your class on the Stream page. Announcements are posts with no assignments. Use them to give notices to your students. Announcements appear on the Stream page in chronological order. If you want, you can move an older post to the top..</p>
<hr>
</div>
</div>
</body>
</html>