-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathNav bar.html
98 lines (97 loc) · 3.68 KB
/
Nav bar.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nine Plus</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="nav">
<ul>
<div class="dropdown">
<button class="dropbtn">LOG IN</button>
<div class="dropdown-content">
<form id="mar">
<input type="text" placeholder="Username">
<input type="password" placeholder="Password">
<input type="submit" value="LOG IN">
</form>
</div>
</div>
<li class="b"> <a class="text" href="#homepage"> HOME</a></li>
<li class="c"> <a class="text" href="#objectives"> OBJECTIVES</a></li>
<li class="d"> <a class="text" href="#meetyourtutors"> MEET YOUR TUTORS</a></li>
<li class="e"> <a class="text" href="#signup"> SIGN UP</a></li>
</ul>
</div>
<br>
<br>
</div>
<br><br>
<hr>
<br>
<div id="homepage">
<h2>HOME PAGE</h2>
<p class="home">WELCOME TO <span > <b>NINE PLUS</b></span>, THE HOME OF DIGITAL EXCELLENCE.</p>
</div>
<br>
<hr>
<br>
<div id="objectives">
<h2> OBJECTIVES</h2>
<ol>
<li>To educate</li>
<li>To consult</li>
<li>To empower</li>
<li>To provide a glimpse at the future</li>
</ol>
</div>
<br>
<hr>
<br>
<div id="meetyourtutors">
<h2>MEET YOUR TUTORS</h2>
<div> <ul>
<li class="nav">Mr. Moshood <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/285/grinning-face_1f600.png" alt="Mr. Moshood"> </li>
<li class="nav"> Mr. Alani <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/google/274/grinning-face_1f600.png" alt="Mr. Alani"> </li>
<li class="nav"> Miss Helen <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/samsung/265/grinning-face_1f600.png" alt="Miss Helen"> </li> <br>
<li class="nav"> Mrs. Funke <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/microsoft/209/grinning-face_1f600.png" alt="Mrs. Funke"> </li>
<li class="nav"> Mr. Fuad <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/whatsapp/273/grinning-face_1f600.png" alt="Mr. Fuad"> </li>
<li class="nav"> Mr. Victor <br> <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/facebook/230/grinning-face_1f600.png" alt="Mr. Victor"> </li>
</ul>
</div>
</div>
<br>
<hr>
<br>
<div id="signup">
<h2>SIGN UP</h2>
<form>
<input type="text" placeholder="Surname"><br>
<input type="text" placeholder="Firstname"><br>
<input type="text" placeholder="Middlename"><br>
<input type="text" placeholder="Age"><br>
<input type="text" placeholder="Address"><br>
<input type="email" placeholder="Email"><br>
<input type="password" placeholder="Password"><br>
<input type="submit" value="JOIN US">
</form>
</div>
<br>
<hr>
<br>
<!-- <div class="dropdown">
<button class="dropbtn">LOG IN</button>
<div class="dropdown-content">
<form>
<input type="text" placeholder="Username">
<input type="password" placeholder="Password">
<input type="submit" value="LOG IN">
</form>
</div>
</div>
<br><br><br> -->
</body>
</html>