-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
238 lines (229 loc) · 13.6 KB
/
Copy pathindex.html
File metadata and controls
238 lines (229 loc) · 13.6 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!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>WhatsappCSS</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<span> TheDevNinja. </span>
<div id="header-icons">
<ion-icon name="search"></ion-icon>
<ion-icon name="ellipsis-vertical"></ion-icon>
</div>
</header>
<nav>
<div class="nav-item active">the</div>
<div class="nav-item">dev</div>
<div class="nav-item">ninja</div>
</nav>
<div id="container">
<!-- 1 -->
<section>
<h1>PAGE 1</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. In nobis qui
impedit iste? Cum quibusdam architecto in aliquid laborum iste
similique itaque veniam obcaecati, perferendis, quidem, odio excepturi
ut animi!
</p>
</section>
<!-- 2 -->
<section>
<h1>PAGE 2</h1>
<p>
Dicta neque expedita temporibus officiis non aliquam magni qui! Ea
quos alias repudiandae veniam veritatis esse doloribus, perspiciatis
blanditiis illo dolore eaque vero error eos expedita voluptatum
perferendis, nemo aut?
</p>
</section>
<!-- 3 -->
<section>
<h1>PAGE 3</h1>
<p>
Reiciendis ratione vero ut et assumenda id enim. Modi explicabo
nesciunt ducimus laudantium doloremque repellat nobis, asperiores
possimus reprehenderit voluptatem porro error tenetur minus placeat?
Quae omnis similique saepe eum! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Quia omnis facere vel non tempora ipsam?
Perferendis officia, ad necessitatibus dolorum inventore eaque.
Cupiditate repudiandae recusandae repellat accusamus aliquam neque
laborum. Aspernatur reiciendis quis maiores tempore accusantium earum
natus perferendis, aperiam dolor aliquam beatae omnis cum rem, magni
fugit blanditiis dignissimos, ipsa corporis pariatur nostrum. Minus
quo excepturi sapiente ducimus fugiat? Tempore exercitationem delectus
voluptates dicta, obcaecati velit odio ad ut facere doloremque minima
voluptatibus repellat, quod est pariatur quam! Repudiandae architecto
placeat sint asperiores rem quam nulla, sed esse voluptate! Veniam
praesentium sunt animi, odit qui quidem quisquam fugit provident earum
itaque numquam, blanditiis illo architecto deleniti nam dolores quo
delectus ducimus! Iusto modi nemo eligendi omnis sequi obcaecati
assumenda. Nulla aut ipsa suscipit earum iste omnis fuga qui.
Distinctio iusto dolore voluptatum ipsam sapiente magni, ad veniam
vero cupiditate repellendus recusandae neque aperiam delectus? Maxime,
repellendus! Vel, beatae aliquid. Adipisci cumque officia illum
possimus non commodi, eos iste similique fuga temporibus laboriosam
quo blanditiis. Fugiat incidunt et provident voluptatum in deleniti
sequi, blanditiis at quas recusandae modi esse exercitationem!
Aspernatur natus, rerum repellendus amet fugiat, nesciunt facere
recusandae praesentium tenetur repellat molestiae ea obcaecati placeat
deserunt ipsum. Eveniet, maxime excepturi perferendis quaerat est cum
quod omnis et rerum minima. Quam molestias aspernatur facere. Natus
eius dolores laboriosam adipisci sequi aperiam alias error ratione.
Architecto recusandae laudantium ab impedit quas ex dolore cupiditate
nam optio explicabo? Ipsam suscipit ut rem! Neque nihil, velit
quibusdam rem voluptas ex at a nostrum recusandae dolorum, excepturi
quas, harum provident fugit numquam quaerat voluptatem. Quae, quia
enim saepe ipsam aperiam sunt laudantium rerum rem? A autem impedit
facilis magnam corporis qui dolorum sed necessitatibus. Aspernatur
illo vero fuga similique ducimus nesciunt, quia voluptates optio, enim
inventore incidunt iste esse nisi porro, maxime amet velit! Iste harum
optio incidunt eum, repudiandae reprehenderit quis blanditiis debitis
vero a sint minima, tenetur perferendis eligendi? Id earum consequatur
a rem, alias voluptatem, maiores libero voluptatibus magnam, ullam
quam. Earum hic maxime natus sed dolores accusantium est at, magni,
quae saepe vel doloremque sint? Alias magnam laboriosam unde fugit
molestiae tempora. Modi delectus sit et velit accusantium soluta
optio. Repellat suscipit soluta facilis, laudantium recusandae labore!
Officiis molestiae repudiandae possimus praesentium aut maxime, ad
ipsa reiciendis expedita quasi provident optio pariatur minima nam ab
impedit, voluptates doloribus atque tempora! Suscipit dolorem, ex
quasi, voluptates officiis reprehenderit aperiam id itaque unde in
illo accusamus numquam neque dolorum. Impedit nisi quos libero
eveniet. Adipisci, exercitationem maiores corporis quidem laboriosam
libero temporibus? Magnam placeat sequi ea, ipsa quisquam magni
impedit, esse quam quibusdam rem eius, id aliquam in praesentium
incidunt nihil ex doloremque earum non! Excepturi nihil repellat,
dicta beatae repellendus accusamus. Porro nemo obcaecati odio atque,
magni repellendus laborum vero ut sint odit iste, autem dolorum,
quibusdam beatae voluptatem qui id minus praesentium accusantium animi
ducimus. Est blanditiis exercitationem voluptatibus. Tempore!
Dignissimos repudiandae ipsum explicabo debitis omnis sequi. Illum
neque, ab explicabo quasi molestias dolorum, pariatur reiciendis est
ad suscipit minima porro inventore corporis aliquam, quisquam
molestiae veniam atque laboriosam sunt. Quod iusto officia culpa dicta
perferendis alias vel aliquid non quam voluptatem cumque qui quia ea
nemo possimus, consequuntur esse optio reiciendis tempore similique,
nostrum unde commodi? Expedita, dolore saepe! Illum consequuntur odio
dolore architecto ad ducimus adipisci dolores at maiores repellat
perspiciatis in eos esse dignissimos neque nulla officia libero
voluptate nemo, iste sint quos. Nihil velit dolore magni! Voluptas
inventore perferendis, facilis dolorem delectus in odio maxime rerum
iusto temporibus! Ducimus adipisci aperiam repellat maxime laudantium
at. Consequatur similique sequi perspiciatis ad laborum vel tempora,
quam quod quidem! Eveniet adipisci iste necessitatibus incidunt id
culpa eligendi harum commodi, perspiciatis reiciendis excepturi
distinctio voluptate suscipit est omnis dolore laboriosam a nihil
magnam laudantium praesentium facere officiis? Quis, ullam nihil?
Vitae reiciendis dolorem saepe aspernatur quidem incidunt corporis
dolor dolore, provident ex magni. Vero, natus? Veniam consequuntur
velit accusamus ex necessitatibus nesciunt inventore in, quas
voluptates, maxime libero fuga. Nesciunt. Voluptates voluptatibus,
minus corporis voluptate odit ipsam excepturi consequatur voluptatem
labore, alias quo tenetur deserunt, explicabo dignissimos ipsum sed
dolorem sunt libero neque quis rerum dicta maiores? Voluptate, hic
cupiditate? At possimus reprehenderit, ipsa dolor consequuntur
quaerat? Quis aut iste tenetur sapiente corporis neque quasi beatae
debitis. Hic, quae. Laudantium magnam tempora fugit quis ipsam
quisquam impedit a dolor at? Id repellendus ipsa, perspiciatis quidem
molestias totam consequuntur sit veniam sed non optio, a incidunt
expedita obcaecati architecto, voluptate nostrum doloribus. Eos iste
ipsam autem atque soluta beatae, dolor laboriosam! Perferendis earum
neque, eos sed, maxime quis odio quaerat hic, quidem totam sit
accusantium! Rerum ab nobis esse, magni sit, nisi incidunt repudiandae
repellat sint iure numquam quod. Ducimus, ea? Nobis dolore harum
excepturi sequi quas necessitatibus dolorem deserunt magni, expedita
accusantium molestiae recusandae asperiores, quibusdam doloremque
corrupti. Error eum nihil sapiente illum numquam ex expedita eius,
quae distinctio nulla. Repellat, eveniet aperiam quia illum
reprehenderit excepturi obcaecati odio adipisci laborum dicta quaerat
laudantium hic, perferendis sequi veniam cum quas minima porro
blanditiis neque non officiis. Aut rem asperiores reprehenderit.
Molestiae quidem iste impedit cumque placeat accusamus nobis
voluptate, modi nihil mollitia facilis aliquam aliquid, magnam quas
reprehenderit accusantium assumenda sequi officia laborum, velit odit
voluptates. Soluta obcaecati iure odio? Reiciendis illo beatae
accusantium. Autem nostrum quod placeat sit fugiat, totam porro sequi
aliquam at repellendus quos exercitationem laboriosam ad nisi aut.
Molestias vitae accusamus amet quaerat error, eveniet nesciunt! Sint
officia laborum, aliquam corporis distinctio sit quis voluptas ducimus
nihil non consequuntur, explicabo id veniam beatae atque dolor velit
suscipit et soluta. Aperiam blanditiis accusantium quod quisquam,
dolores laudantium! Id voluptate repudiandae nobis asperiores ipsa
quasi labore nemo magnam vero voluptates, minus, sunt maxime ex
inventore fugiat adipisci impedit quos. Similique illum harum id
eveniet, aliquid inventore repudiandae magnam. Aspernatur at
voluptatibus architecto? Id exercitationem obcaecati quos tempore
quasi molestiae explicabo unde nostrum qui! Quos, ipsa, fuga tenetur
officia quidem est iusto odit maiores soluta, blanditiis delectus
ipsum et. Voluptatibus ex officia quod, quidem natus, alias quo,
repudiandae nam cumque magni soluta. Voluptatibus veritatis est alias
delectus fugiat vero cupiditate facere aliquam, aperiam iure pariatur
quis? Dolorem, et doloremque? Ex sunt nihil quaerat architecto earum
aliquam quod, totam quas repudiandae voluptatibus mollitia sint. Iusto
optio repudiandae nisi est corrupti minus dolore obcaecati at
voluptas! Facilis ratione velit commodi temporibus? Cumque quaerat et
quisquam mollitia facilis? Repellendus quae nulla, dolorem architecto
reprehenderit repellat voluptatibus natus accusantium quibusdam
inventore unde esse quisquam at minus voluptatem sequi dolor corporis
similique in dicta. Tenetur itaque sed illo sapiente? Libero, incidunt
dolores. In, similique dolore facilis, rem necessitatibus, autem
laudantium sint dolorem pariatur enim illum. Aperiam repudiandae alias
quos reprehenderit. Cum porro possimus nemo! Debitis cumque officiis
consequatur, velit consequuntur molestiae culpa facilis. Placeat
quaerat obcaecati vel iusto similique quibusdam quae sunt numquam
aliquam. Minima quis nobis natus sit saepe iusto atque ea tenetur!
Assumenda harum maxime vero cum quam repellat consequatur rerum fuga
perferendis reiciendis asperiores dignissimos porro iste accusamus
tempora ipsum magni nostrum beatae molestias, alias aspernatur totam
sunt neque esse? Illo. Iure, velit commodi enim libero repellendus
aliquid nulla, repellat, tempora blanditiis voluptates ipsa iusto
tenetur soluta voluptatem quisquam quod accusamus eum aliquam saepe.
Vero obcaecati est molestias optio enim aut. Excepturi, ex rerum optio
consequuntur iste accusamus odit quisquam, ipsum nesciunt ad nulla
doloremque, voluptates aspernatur eius cumque repellendus consequatur.
Pariatur veritatis voluptatum placeat, enim atque distinctio officia
error quos! Vel molestiae dolorum sint quibusdam magni quia earum sunt
distinctio asperiores dolorem itaque, repellat animi reiciendis
obcaecati! Optio, iste unde sit aliquid, id facere quod amet at
officia, sequi numquam! Quisquam similique voluptatum eaque temporibus
minus praesentium reprehenderit modi perferendis non, eius facere
impedit in ad dolores possimus, commodi earum recusandae? Molestiae
fugit perspiciatis laudantium facilis. Cupiditate natus sapiente iste.
Saepe sit, ducimus natus possimus architecto velit sapiente qui
repellat ullam in obcaecati illum nemo porro et ipsum sequi aliquid
minima esse iusto accusamus aut quibusdam. Fugit facilis asperiores
blanditiis? Fuga nemo rem officiis qui, voluptates et laboriosam eos
expedita consequuntur enim culpa dolorem est voluptas tempore ex
accusamus? Dignissimos incidunt asperiores molestiae neque laboriosam
aspernatur quae eius eligendi nulla! Ipsa consequuntur omnis
recusandae, laudantium soluta quasi vero quae aperiam minima, iste
itaque qui, quod molestiae tempora veniam doloremque eos! Ab iste
perferendis labore? Quia doloribus iusto odio. Sunt, rem. Quisquam
voluptatem suscipit distinctio quis, fugiat dignissimos,
necessitatibus officiis eum nostrum, enim sint hic recusandae error
eaque quaerat maiores aliquid nihil. Architecto itaque, ut eius autem
tempora veritatis sed molestias. Quo ipsa excepturi iure magnam
necessitatibus eligendi fuga quasi alias odio quia. Ex, ipsa quos.
Aspernatur maxime quos dignissimos, tempora fuga nihil ad incidunt
unde aperiam praesentium voluptatum cumque tenetur! Nobis tempore,
deserunt molestiae reprehenderit, explicabo accusamus incidunt saepe
voluptates ad odio rem laborum nemo eveniet quam debitis facere hic
nostrum. Reiciendis dicta libero itaque nulla doloremque tempore,
excepturi nihil. Consequatur commodi excepturi error nulla minus
libero, quam dignissimos, culpa mollitia aspernatur sed blanditiis.
Alias, fugit ad! Molestias, aliquid? Eveniet debitis incidunt
voluptatibus sit veritatis accusantium non nisi blanditiis
reprehenderit.
</p>
</section>
</div>
<script src="./script.js"></script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>