-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDemo-6.html
73 lines (72 loc) · 2.36 KB
/
Demo-6.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
<!-- Style a horizontal navigation bar with links using CSS.-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Dropdowns: Positioning Navbar Tips</title>
<link rel="stylesheet" href="Assest/CSS/index.css" />
</head>
<body>
<!--Main_div -->
<div class="Main_div">
<div class="child_div div-1">1</div>
<div class="child_div div-2">2</div>
<div class="child_div div-3">3</div>
<div class="child_div div-4">4</div>
</div>
<!-- Navbar -->
<nav id="navbar">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Contact</li></a>
<a href="#"><li>About</li></a>
<a href="#"><li>Help</li></a>
</ul>
</nav>
<!-- Navbar DropDown -->
<nav id="Drop">
<ul>
<li>Home</li>
<li>Contact
<ul>
<li>Sub Menu-1</li>
<li>Sub Menu-2</li>
<li>Sub Menu-3</li>
<li>Sub Menu-4</li>
<li>More menu...
<ul>
<li>Deep Sub menu..1</li>
<li>Deep Sub menu..2</li>
</ul>
</li>
</ul>
</li>
<li>About
<ul>
<li>Sub Menu-1</li>
<li>Sub Menu-2</li>
<li>Sub Menu-3</li>
<li>Sub Menu-4</li>
<li>More menu...
<ul>
<li>Deep Sub menu..1</li>
<li>Deep Sub menu..2</li>
</ul>
</li>
</ul>
</li>
<li>Help</li>
</ul>
</nav>
<!-- Wrapper Class -->
<div class="wrapper">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt
molestias culpa atque, enim, inventore recusandae eaque deleniti
laboriosam expedita consectetur quia voluptatum quam voluptatibus libero
dignissimos repudiandae sint repellat veniam id cum! Exercitationem
temporibus veritatis fugiat, possimus hic, aspernatur nihil tempore sequi
eum quis cum error nisi! Rem, molestiae quo!
</div>
</body>
</html>