-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
53 lines (41 loc) · 3.01 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sticky Navbar...</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar">
<div class="navdiv">
<h3 class="title"><a href="">My Website</a></h3>
<ul class="list">
<li class="red"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<div class="container1">
<h1 class="top_heading">Welcome to Anshul's Website</h1>
<p class="para_top">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores hic pariatur dicta nam quo deleniti exercitationem aut reiciendis.</p>
</div>
<div class="bottom">
<h3 class="bott_heading">Para 1</h3>
<hr>
<p class="para_bott">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque corporis cupiditate hic eum ipsam a? Cum nemo reprehenderit, beatae illum commodi error harum pariatur voluptatem consequatur est! Obcaecati, veritatis tempora. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Sequi excepturi dolorum ab quae esse labore laboriosam officiis molestiae animi obcaecati itaque at voluptatibus, expedita natus. Facere fugiat provident libero porro? Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Nam nisi molestias delectus quo incidunt quisquam reprehenderit laborum sunt, dolores porro? Est itaque culpa mollitia similique sit id unde, neque maxime. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam
ducimus reprehenderit autem commodi laboriosam sapiente ut deserunt pariatur, officiis, veritatis, quasi quia ratione eligendi voluptate perspiciatis perferendis asperiores nobis nam. </p>
<h3 class="bott_heading">Para 2</h3>
<hr>
<p class="para_bott">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eaque corporis cupiditate hic eum ipsam a? Cum nemo reprehenderit, beatae illum commodi error harum pariatur voluptatem consequatur est! Obcaecati, veritatis tempora. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Sequi excepturi dolorum ab quae esse labore laboriosam officiis molestiae animi obcaecati itaque at voluptatibus, expedita natus. Facere fugiat provident libero porro? Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Nam nisi molestias delectus quo incidunt quisquam reprehenderit laborum sunt, dolores porro? Est itaque culpa mollitia similique sit id unde, neque maxime. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam
ducimus reprehenderit autem commodi laboriosam sapiente ut deserunt pariatur, officiis, veritatis, quasi quia ratione eligendi voluptate perspiciatis perferendis asperiores nobis nam.</p>
</div>
</body>
<script src="script.js"></script>
</html>