forked from sudz123/happy_hacking
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsimple-sidebar.html
138 lines (115 loc) · 10.7 KB
/
simple-sidebar.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="style/simple-sidebar.css">
<title>WebPage</title>
</head>
<body>
<header>
<div id="toggle">
</div>
<h1>Web-Page</h1>
<h2>Some small text</h2>
</header>
<nav>
<div id="slider">
<h1>MENU</h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Missions</a></li>
<li><a href="#">Vision</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div id="cross">
X
</div>
</nav>
<main>
<section>
<h2>These Are The Main Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam nemo ipsam, mollitia vero voluptatum voluptates architecto quae tempora qui vitae necessitatibus et saepe consequatur officia delectus aut repellat, velit sint! Omnis, officia unde tempore beatae ducimus obcaecati iste consequatur saepe debitis possimus provident consectetur quo molestias perferendis repellendus hic magnam. Praesentium ratione dicta, perferendis earum unde harum illum eveniet hic voluptatibus eligendi dolorum optio animi repellat ipsa molestias iste omnis, similique magnam, velit placeat? Reprehenderit beatae sint, iure officiis ipsam fuga blanditiis quo veritatis a iusto possimus dolores repellendus fugiat commodi cum totam nisi laudantium ipsum incidunt, sunt tenetur? Accusantium!
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some More Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
<section>
<h2>Some Extra Content</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil aliquam sint vel officia quisquam ipsam impedit ab! Aliquam quaerat in ea dignissimos itaque provident debitis voluptatem laborum a pariatur fugiat, ipsam quas sapiente vel eius odio deleniti maiores. Quos pariatur eos, ex fugiat nostrum inventore cum nam praesentium quo aliquid.
</p>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore maiores dignissimos error dolores neque itaque minus blanditiis vel fugit labore, aliquam minima consequatur ad perferendis inventore voluptas numquam beatae! Delectus, alias asperiores! Incidunt voluptates quibusdam dolores debitis est impedit qui quis dolorem tenetur quae harum neque dolor voluptate libero voluptatibus quam repellendus tempora nemo voluptatum earum quod amet odio, aut deleniti. Assumenda exercitationem facere non. At ducimus quisquam exercitationem pariatur excepturi doloremque hic unde neque laboriosam, accusamus saepe repellat nisi enim sunt sit! Perferendis, blanditiis?
</p>
<footer class="writer">-Author</footer>
</section>
</main>
<script src="scripts/jQuery.js"></script>
<script src="scripts/simple-sidebar.js"></script>
</body>
</html>