-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
230 lines (212 loc) · 14 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:300,400,700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<ul class="navbar-nav">
<li class="logo nav-item">
<a href="#" class="nav-link">
<span class="link-text logo-text">Erenhncr</span>
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="angle-double-right" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x">
<g class="fa-group">
<path fill="currentColor"
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
class="fa-primary"></path>
</g>
</svg>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="cat" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-cat fa-w-16 fa-9x">
<g class="fa-group">
<path fill="currentColor"
d="M448 96h-64l-64-64v134.4a96 96 0 0 0 192 0V32zm-72 80a16 16 0 1 1 16-16 16 16 0 0 1-16 16zm80 0a16 16 0 1 1 16-16 16 16 0 0 1-16 16zm-165.41 16a204.07 204.07 0 0 0-34.59 2.89V272l-43.15-64.73a183.93 183.93 0 0 0-44.37 26.17L192 304l-60.94-30.47L128 272v-80a96.1 96.1 0 0 0-96-96 32 32 0 0 0 0 64 32 32 0 0 1 32 32v256a64.06 64.06 0 0 0 64 64h176a16 16 0 0 0 16-16v-16a32 32 0 0 0-32-32h-32l128-96v144a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V289.86a126.78 126.78 0 0 1-32 4.54c-61.81 0-113.52-44.05-125.41-102.4z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M376 144a16 16 0 1 0 16 16 16 16 0 0 0-16-16zm80 0a16 16 0 1 0 16 16 16 16 0 0 0-16-16zM131.06 273.53L192 304l-23.52-70.56a192.06 192.06 0 0 0-37.42 40.09zM256 272v-77.11a198.62 198.62 0 0 0-43.15 12.38z"
class="fa-primary"></path>
</g>
</svg>
<span class="link-text">Cats</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="alien-monster" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"
class="svg-inline--fa fa-alien-monster fa-w-18 fa-9x">
<g class="fa-group">
<path fill="currentColor"
d="M560,128H528a15.99954,15.99954,0,0,0-16,16v80H480V176a15.99954,15.99954,0,0,0-16-16H416V96h48a16.00079,16.00079,0,0,0,16-16V48a15.99954,15.99954,0,0,0-16-16H432a15.99954,15.99954,0,0,0-16,16V64H368a15.99954,15.99954,0,0,0-16,16v48H224V80a15.99954,15.99954,0,0,0-16-16H160V48a15.99954,15.99954,0,0,0-16-16H112A15.99954,15.99954,0,0,0,96,48V80a16.00079,16.00079,0,0,0,16,16h48v64H112a15.99954,15.99954,0,0,0-16,16v48H64V144a15.99954,15.99954,0,0,0-16-16H16A15.99954,15.99954,0,0,0,0,144V272a16.00079,16.00079,0,0,0,16,16H64v80a16.00079,16.00079,0,0,0,16,16h48v80a16.00079,16.00079,0,0,0,16,16h96a16.00079,16.00079,0,0,0,16-16V432a15.99954,15.99954,0,0,0-16-16H192V384H384v32H336a15.99954,15.99954,0,0,0-16,16v32a16.00079,16.00079,0,0,0,16,16h96a16.00079,16.00079,0,0,0,16-16V384h48a16.00079,16.00079,0,0,0,16-16V288h48a16.00079,16.00079,0,0,0,16-16V144A15.99954,15.99954,0,0,0,560,128ZM224,320H160V224h64Zm192,0H352V224h64Z"
class="fa-secondary"></path>
<path fill="currentColor" d="M160,320h64V224H160Zm192-96v96h64V224Z" class="fa-primary"></path>
</g>
</svg>
<span class="link-text">Aliens</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="space-station-moon-alt" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="svg-inline--fa fa-space-station-moon-alt fa-w-16 fa-5x">
<g class="fa-group">
<path fill="currentColor"
d="M501.70312,224H448V160H368V96h48V66.67383A246.86934,246.86934,0,0,0,256,8C119.03125,8,8,119.0332,8,256a250.017,250.017,0,0,0,1.72656,28.26562C81.19531,306.76953,165.47656,320,256,320s174.80469-13.23047,246.27344-35.73438A250.017,250.017,0,0,0,504,256,248.44936,248.44936,0,0,0,501.70312,224ZM192,240a80,80,0,1,1,80-80A80.00021,80.00021,0,0,1,192,240ZM384,343.13867A940.33806,940.33806,0,0,1,256,352c-87.34375,0-168.71094-11.46094-239.28906-31.73633C45.05859,426.01953,141.29688,504,256,504a247.45808,247.45808,0,0,0,192-91.0918V384H384Z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M256,320c-90.52344,0-174.80469-13.23047-246.27344-35.73438a246.11376,246.11376,0,0,0,6.98438,35.998C87.28906,340.53906,168.65625,352,256,352s168.71094-11.46094,239.28906-31.73633a246.11376,246.11376,0,0,0,6.98438-35.998C430.80469,306.76953,346.52344,320,256,320Zm-64-80a80,80,0,1,0-80-80A80.00021,80.00021,0,0,0,192,240Zm0-104a24,24,0,1,1-24,24A23.99993,23.99993,0,0,1,192,136Z"
class="fa-primary"></path>
</g>
</svg>
<span class="link-text">Space</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="space-shuttle" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"
class="svg-inline--fa fa-space-shuttle fa-w-20 fa-5x">
<g class="fa-group">
<path fill="currentColor"
d="M32 416c0 35.35 21.49 64 48 64h16V352H32zm154.54-232h280.13L376 168C243 140.59 222.45 51.22 128 34.65V160h18.34a45.62 45.62 0 0 1 40.2 24zM32 96v64h64V32H80c-26.51 0-48 28.65-48 64zm114.34 256H128v125.35C222.45 460.78 243 371.41 376 344l90.67-16H186.54a45.62 45.62 0 0 1-40.2 24z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M592.6 208.24C559.73 192.84 515.78 184 472 184H186.54a45.62 45.62 0 0 0-40.2-24H32c-23.2 0-32 10-32 24v144c0 14 8.82 24 32 24h114.34a45.62 45.62 0 0 0 40.2-24H472c43.78 0 87.73-8.84 120.6-24.24C622.28 289.84 640 272 640 256s-17.72-33.84-47.4-47.76zM488 296a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8c31.91 0 31.94 80 0 80z"
class="fa-primary"></path>
</g>
</svg>
<span class="link-text">Shuttle</span>
</a>
</li>
<li class="nav-item" id="themeButton">
<a href="#" class="nav-link">
<svg class="theme-icon" id="solarIcon" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="sun"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="svg-inline--fa fa-sun fa-w-16 fa-7x">
<g class="fa-group">
<path fill="currentColor"
d="M502.42 240.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.41-94.8a17.31 17.31 0 0 0-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4a17.31 17.31 0 0 0 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.41-33.5 47.3 94.7a17.31 17.31 0 0 0 31 0l47.31-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3a17.33 17.33 0 0 0 .2-31.1zm-155.9 106c-49.91 49.9-131.11 49.9-181 0a128.13 128.13 0 0 1 0-181c49.9-49.9 131.1-49.9 181 0a128.13 128.13 0 0 1 0 181z"
class="fa-secondary"></path>
<path fill="currentColor" d="M352 256a96 96 0 1 1-96-96 96.15 96.15 0 0 1 96 96z" class="fa-primary">
</path>
</g>
</svg>
<span class="link-text">Themify</span>
</a>
</li>
</ul>
</nav>
<main>
<h1>CSS is Cool</h1>
<p> I'm baby kale chips affogato ennui lumbersexual, williamsburg paleo quinoa
iceland normcore tumeric. Kitsch coloring book retro, seitan schlitz
tattooed biodiesel vexillologist neutra. Synth mumblecore deep v, umami
selfies normcore gluten-free snackwave. Seitan ramps drinking vinegar
venmo keytar, humblebrag VHS post-ironic tacos godard pour-over.</p>
<p>
Sartorial kogi taxidermy, kickstarter synth yr irony ennui everyday carry
retro helvetica stumptown cloud bread squid echo park. Etsy cloud bread
sartorial quinoa tacos beard mumblecore shaman tumblr pop-up. Twee retro
fingerstache af helvetica pabst 8-bit leggings taiyaki portland ramps tbh
tumblr vinyl. Neutra humblebrag bushwick portland subway tile plaid, offal
scenester flexitarian cliche squid small batch palo santo. Palo santo meh
adaptogen +1 3 wolf moon, listicle brunch ethical fanny pack everyday
carry fam. Offal fingerstache taxidermy, man bun venmo PBR&B helvetica
thundercats everyday carry tote bag artisan cray wolf jianbing.
</p>
<p>
Taxidermy thundercats whatever austin. VHS helvetica ethical, dreamcatcher
enamel pin YOLO shabby chic locavore man bun crucifix pabst chillwave
pop-up vegan. Air plant mlkshk ethical echo park tumeric, whatever
crucifix godard scenester locavore pork belly yuccie vape. +1 gochujang
put a bird on it, pork belly whatever selfies vaporware occupy banh mi
normcore VHS. Cornhole normcore hashtag tilde. Hell of yr try-hard DIY raw
denim banjo, enamel pin irony polaroid copper mug tofu. Dreamcatcher lomo
literally 90's before they sold out, 3 wolf moon banh mi seitan chambray
cliche offal tote bag occupy pug.
</p>
<p>
Post-ironic hot chicken salvia yr yuccie ugh cold-pressed keffiyeh franzen
viral taxidermy mustache slow-carb crucifix vape. Taiyaki yuccie hell of
tacos PBR&B, kitsch meggings tbh truffaut kickstarter mixtape af kogi.
Fingerstache vegan tofu waistcoat gentrify cray. Drinking vinegar 3 wolf
moon health goth craft beer master cleanse. Letterpress health goth 8-bit
chillwave craft beer brooklyn. Chicharrones master cleanse 8-bit,
mumblecore copper mug messenger bag poutine lomo kale chips flannel. Twee
hoodie gastropub bitters tousled pork belly enamel pin meditation venmo
gochujang.
</p>
<p>
Next level selfies cronut ethical. Tofu tumblr you probably haven't heard
of them, man braid literally forage swag chillwave. Pug yr flannel
tumeric. Coloring book yr chillwave snackwave, shoreditch shaman gentrify
typewriter tumeric DIY copper mug small batch. Scenester waistcoat YOLO
hexagon kombucha poke 8-bit meditation. Selvage scenester forage
williamsburg. Hoodie fingerstache tacos mustache, hashtag quinoa next
level sartorial craft beer retro disrupt lo-fi.
</p>
<p>
YOLO twee keytar farm-to-table flexitarian cardigan polaroid lumbersexual
adaptogen drinking vinegar echo park dreamcatcher. Brunch shoreditch
dreamcatcher iPhone knausgaard plaid edison bulb letterpress ethical yr
fanny pack. Typewriter portland woke glossier cronut, post-ironic migas
gentrify letterpress cray brunch lyft 8-bit master cleanse. Pitchfork
thundercats organic pour-over unicorn lomo.
</p>
<p>
Ugh yr tacos aesthetic everyday carry, tumeric selvage cliche skateboard.
Wolf truffaut enamel pin vexillologist poutine. Hoodie roof party pabst,
cardigan letterpress af disrupt +1 subway tile chillwave live-edge
meggings next level readymade. Master cleanse gentrify hashtag, stumptown
fam single-origin coffee occupy dreamcatcher air plant viral vexillologist
enamel pin meggings. Tumblr chambray pickled microdosing austin scenester
green juice.
</p>
<p>
Austin four dollar toast church-key, vaporware hoodie edison bulb jean
shorts sustainable williamsburg plaid helvetica scenester lomo humblebrag.
Meditation tumblr kickstarter ennui williamsburg taiyaki pabst pour-over.
8-bit godard cred, chillwave enamel pin skateboard you probably haven't
heard of them. Meditation before they sold out single-origin coffee swag
try-hard jianbing slow-carb shaman leggings. Palo santo shabby chic
whatever man bun. Master cleanse wayfarers single-origin coffee pork belly
cronut, normcore cliche jianbing before they sold out tousled shabby chic
af pop-up gentrify. Direct trade la croix vexillologist jianbing,
flexitarian selvage try-hard stumptown polaroid shaman wayfarers poke
ramps food truck swag.
</p>
<p>
Pok pok lumbersexual wayfarers, direct trade leggings poutine truffaut
kitsch. Seitan aesthetic master cleanse squid coloring book banh mi YOLO
vegan locavore vexillologist readymade next level pop-up edison bulb.
Selvage knausgaard literally, quinoa photo booth 3 wolf moon microdosing
freegan yuccie. Truffaut gentrify lomo put a bird on it waistcoat. Ugh
austin distillery, tbh actually pork belly snackwave artisan mixtape
quinoa vexillologist pok pok polaroid listicle readymade.
</p>
<p>
Hammock letterpress prism dreamcatcher truffaut shabby chic vice
cold-pressed. Franzen pug fashion axe before they sold out, tumblr irony
kogi actually af bushwick banh mi. Snackwave bicycle rights tofu
dreamcatcher tote bag pour-over meditation raw denim fanny pack. Pop-up
retro taiyaki meditation twee gastropub VHS etsy. Semiotics gochujang
street art normcore, edison bulb farm-to-table pour-over taxidermy
brooklyn.
</p>
</main>
</body>
</html>