-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
56 lines (56 loc) · 3.96 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
54
55
56
<!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>Document</title>
<link rel="stylesheet" href="style.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/> -->
</head>
<body>
<div class="nav-bar">
<div class="logo"><img class="logo"src="btn-bg.jpg" alt="logo"><div class="name">akash_bauri</div></div>
<div class="page">Home</div>
<div class="nav-btn"><button class="nav-btn">burger</button></div>
</div>
<nav>
<div class="container">
<section class="nav-sec">
<a id="top1" href="#one">One</a>
<a id="top2" href="#two">Two</a>
<a id="top3" href="#three">Three</a>
</section>
<section class="nav-sec">
<a id="one" href="#top1">Back</a>
<a href="#oneA">Link 1a</a>
<a href="#">Link 1b</a>
<a href="#">Link 1c</a>
</section>
<section class="nav-sec">
<a id="oneA" href="#one">Back</a>
<a href="#">Link 1a i</a>
<a href="#">Link 1a ii</a>
<a href="#">Link 1a iii</a>
</section>
<section class="nav-sec">
<a id="two" href="#top2">Back</a>
<a href="#">Link 2a</a>
<a href="#">Link 2b</a>
<a href="#">Link 2c</a>
</section>
<section class="nav-sec">
<a id="three" href="#top3">Back</a>
<a href="#">Link 3a</a>
<a href="#">Link 3b</a>
<a href="#">Link 3c</a>
</section>
</div>
</nav>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui ab doloribus in voluptatum quis, fugiat necessitatibus aliquam reiciendis minus iste sint eius placeat consequuntur. Sapiente ut dolor cumque id deserunt placeat expedita, dolorum accusantium voluptas quaerat quae impedit amet corporis repudiandae, pariatur repellendus facere, sunt autem blanditiis? Incidunt, blanditiis exercitationem.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui ab doloribus in voluptatum quis, fugiat necessitatibus aliquam reiciendis minus iste sint eius placeat consequuntur. Sapiente ut dolor cumque id deserunt placeat expedita, dolorum accusantium voluptas quaerat quae impedit amet corporis repudiandae, pariatur repellendus facere, sunt autem blanditiis? Incidunt, blanditiis exercitationem.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui ab doloribus in voluptatum quis, fugiat necessitatibus aliquam reiciendis minus iste sint eius placeat consequuntur. Sapiente ut dolor cumque id deserunt placeat expedita, dolorum accusantium voluptas quaerat quae impedit amet corporis repudiandae, pariatur repellendus facere, sunt autem blanditiis? Incidunt, blanditiis exercitationem.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui ab doloribus in voluptatum quis, fugiat necessitatibus aliquam reiciendis minus iste sint eius placeat consequuntur. Sapiente ut dolor cumque id deserunt placeat expedita, dolorum accusantium voluptas quaerat quae impedit amet corporis repudiandae, pariatur repellendus facere, sunt autem blanditiis? Incidunt, blanditiis exercitationem.</p>
<p style="padding-bottom: 1000px;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui ab doloribus in voluptatum quis, fugiat necessitatibus aliquam reiciendis minus iste sint eius placeat consequuntur. Sapiente ut dolor cumque id deserunt placeat expedita, dolorum accusantium voluptas quaerat quae impedit amet corporis repudiandae, pariatur repellendus facere, sunt autem blanditiis? Incidunt, blanditiis exercitationem.</p>
</body>
</html>