-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
495 lines (464 loc) · 28.3 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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
<!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>Waxom Template</title>
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/fonts.css">
</head>
<body>
<header class="header">
<div class="container header-wrapper">
<div class="header__nav">
<a class="logo">Waxom</a>
<nav class="nav">
<a class="nav__link" href="#">Home</a>
<a class="nav__link" href="#">About us</a>
<a class="nav__link" href="#">Portfolio</a>
<a class="nav__link" href="#">Features</a>
<a class="nav__link" href="#">Blog</a>
<a class="nav__link" href="#">Pricing</a>
<a class="nav__link" href="#">Shortcodes</a>
<a class="nav__link" href="#">Contact</a>
<div class="nav-icon">
<a class="nav-icon__card" href="#"></a>
<a class="nav-icon__search" href="#"></a>
</div>
</nav>
</div>
<svg class="control control_left" viewBox="0 0 40 73">
<path opacity="0.502"
d="M38.03 72.98L0 36.5L38.03 0.0200195L40 2.02002L4.07 36.5L40 70.98L38.03 72.98Z" />
</svg>
<div class="slogan">
<p class="slogan__title">Unique and Modern Design</p>
<h1 class="slogan__heading">Portfolio PSD Template</h1>
<p class="slogan__text">
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim
placerat facer possim assum.
</p>
<a class="button .button_header" href="#">GET STARTED</a>
</div>
<svg class="control control_right" viewBox="0 0 40 73">
<path d="M1.97 72.96L40 36.48L1.97 0L0 2L35.93 36.48L0 70.96L1.97 72.96Z" />
</svg>
<div class="control-sbutton">
<a class="header-sbutton__item" href="#"></a>
<a class="header-sbutton__item" href="#"></a>
<a class="header-sbutton__item" href="#"></a>
<a class="header-sbutton__item" href="#"></a>
<a class="header-sbutton__item" href="#"></a>
</div>
</div>
</header>
<main>
<section class="services">
<div class="container services-wrapper">
<figure class="services-item">
<svg class="services-item__img" width="48" height="48" viewBox="0 0 48 48">
<path
d="M46.6971 17.1135C46.08 16.5061 45.1004 16.5061 44.4931 17.1135L30.9257 30.671L11.8629 39.0759L8.92408 36.1371L17.3192 17.0645L30.8865 3.50694C31.4939 2.8898 31.4939 1.91021 30.8865 1.30286C30.2694 0.695514 29.2898 0.695514 28.6824 1.30286L14.7037 15.2718L0.51918 47.471L32.7184 33.2963L46.6971 19.3176C47.3045 18.7102 47.3045 17.7208 46.6971 17.1135ZM26.9388 27.889C27.2424 28.1829 27.6343 28.3396 28.0359 28.3396C28.4375 28.3396 28.8294 28.1829 29.1428 27.889L42.2008 14.8212C42.8082 14.2139 42.8082 13.2343 42.2008 12.6171C41.5837 12.0098 40.6041 12.0098 39.9967 12.6171L26.9388 25.6849C26.3314 26.2922 26.3314 27.2718 26.9388 27.889ZM23.5298 24.48C23.8335 24.7739 24.2253 24.9306 24.6269 24.9306C25.0286 24.9306 25.4204 24.7739 25.7241 24.48L38.7918 11.4122C39.3992 10.8049 39.3992 9.81551 38.7918 9.20817C38.1747 8.60082 37.1951 8.60082 36.5877 9.20817L23.5298 22.2661C22.9126 22.8735 22.9126 23.8629 23.5298 24.48ZM20.111 21.0612C20.4147 21.3649 20.8163 21.5216 21.218 21.5216C21.6196 21.5216 22.0114 21.3649 22.3151 21.0612L35.3829 8.00327C35.9902 7.39592 35.9902 6.40653 35.3829 5.79919C34.7755 5.19184 33.7861 5.19184 33.1788 5.79919L20.111 18.8571C19.5037 19.4645 19.5037 20.4539 20.111 21.0612Z" />
</svg>
<figcaption class="services-item__block">
<h2 class="services-item__block-header">Web & App Design</h2>
<p class="services-item__block-text">
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
mazim.
</p>
<div class="services-item__block-line"></div>
</figcaption>
</figure>
<figure class="services-item">
<svg class="services-item__img" width="44" height="40" viewBox="0 0 44 40">
<path
d="M21.85 0.109985L0.410004 11.67L21.85 23.23L43.29 11.67L21.85 0.109985ZM21.85 26.96L4.4 17.55L0.410004 19.7L21.85 31.25L43.29 19.7L39.3 17.55L21.85 26.96ZM21.85 34.98L4.4 25.57L0.410004 27.72L21.85 39.28L43.29 27.72L39.3 25.57L21.85 34.98Z" />
</svg>
<figcaption class="services-item__block">
<h2 class="services-item__block-header">Development</h2>
<p class="services-item__block-text">
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
mazim.
</p>
<div class="services-item__block-line"></div>
</figcaption>
</figure>
<figure class="services-item">
<svg class="services-item__img" width="44" height="44" viewBox="0 0 44 44">
<path
d="M43.93 21.85C43.93 20.23 42.76 18.5 41.32 17.99C39.88 17.48 38.49 16.24 38.08 15.25C37.68 14.27 37.78 12.4 38.44 11.02C39.09 9.64001 38.69 7.59001 37.55 6.44001C36.4 5.30001 34.36 4.90001 32.98 5.56001C31.6 6.21001 29.73 6.32001 28.75 5.91001C27.76 5.51001 26.52 4.11001 26.01 2.67001C25.49 1.23001 23.76 0.0700073 22.14 0.0700073C20.52 0.0700073 18.79 1.23001 18.28 2.67001C17.77 4.11001 16.52 5.51001 15.54 5.91001C14.56 6.32001 12.69 6.21001 11.31 5.56001C9.92999 4.90001 7.87998 5.30001 6.73998 6.44001C5.58998 7.59001 5.18999 9.64001 5.84999 11.02C6.50998 12.4 6.60998 14.27 6.19999 15.25C5.79998 16.23 4.40999 17.48 2.96999 17.99C1.52999 18.5 0.359985 20.23 0.359985 21.85C0.359985 23.47 1.52999 25.2 2.96999 25.71C4.40999 26.22 5.79999 27.47 6.20999 28.45C6.60999 29.43 6.50998 31.3 5.84999 32.68C5.18999 34.06 5.58998 36.11 6.73998 37.26C7.87998 38.4 9.92999 38.8 11.31 38.14C12.69 37.49 14.56 37.38 15.54 37.79C16.52 38.2 17.77 39.59 18.28 41.03C18.79 42.47 20.52 43.63 22.14 43.63C23.76 43.63 25.49 42.47 26.01 41.03C26.52 39.59 27.76 38.2 28.74 37.79C29.73 37.38 31.6 37.49 32.98 38.14C34.36 38.8 36.4 38.4 37.55 37.26C38.69 36.11 39.09 34.06 38.44 32.68C37.78 31.3 37.67 29.43 38.08 28.45C38.48 27.47 39.88 26.22 41.32 25.71C42.76 25.2 43.93 23.47 43.93 21.85ZM22.14 29.84C17.72 29.84 14.15 26.27 14.15 21.86C14.15 17.44 17.72 13.87 22.14 13.87C26.55 13.87 30.13 17.44 30.13 21.86C30.13 26.27 26.55 29.84 22.14 29.84Z" />
</svg>
<figcaption class="services-item__block">
<h2 class="services-item__block-header">Customization</h2>
<p class="services-item__block-text">
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
mazim.
</p>
<div class="services-item__block-line"></div>
</figcaption>
</figure>
<figure class="services-item">
<svg class="services-item__img" width="52" height="36" viewBox="0 0 52 36">
<path
d="M8.99999 13.25C9.99999 11.19 12.47 9.64002 14.74 9.64002H40.95V7.98002C40.95 6.62002 39.84 5.50002 38.49 5.50002H27.67V4.06002C27.67 2.00002 26.02 0.330017 23.99 0.330017H17.7C16.72 0.330017 15.79 0.720017 15.09 1.43002C14.39 2.13002 14.01 3.06002 14.01 4.06002V5.50002H3.19999C1.83999 5.50002 0.73999 6.62002 0.73999 7.98002V30.15L8.99999 13.25ZM16.47 4.06002C16.47 3.73002 16.6 3.42002 16.83 3.18002C17.06 2.94002 17.37 2.82002 17.7 2.82002H23.99C24.67 2.82002 25.22 3.37002 25.22 4.06002V5.50002H16.47V4.06002ZM41.92 33.76C41.33 34.98 39.73 35.98 38.38 35.98H3.07999C1.72999 35.98 1.10999 34.98 1.70999 33.76L11.2 14.34C11.8 13.12 13.39 12.12 14.74 12.12H50.04C51.39 12.12 52.01 13.12 51.41 14.34L41.92 33.76Z" />
</svg>
<figcaption class="services-item__block">
<h2 class="services-item__block-header">Marketing</h2>
<p class="services-item__block-text">
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod
mazim.
</p>
<div class="services-item__block-line"></div>
</figcaption>
</figure>
</div>
</section>
<section class="realization">
<article class="container realization-wrapper">
<h2 class="realization-header">Waxom is Realization of your Ideas.</h2>
<p class="realization-text">Investigationes demonstraverunt lectores legere me lius quod ii legunt
saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.</p>
</article>
</section>
<section class="purchase">
<div class="container purchase-wrapper">
<h2 class="purchase-text__heading"><span>Waxom</span> Multipurpose WordPress Theme</h2>
<p class="purchase-text__text">Don't Forget to Rate the Template. Thanks so much!</p>
<a class="button purchase_button" href="">Purchase Now</a>
</div>
</section>
<section class="project">
<div class="container">
<h2 class="project__heading">Our Latest Projects.</h2>
<p class="project__text">
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam
processus dynamicus, qui sequitur mutationem consuetudium.
</p>
<div class="project-nav">
<div class="project-nav__btn">
<input id="all" type="radio" name="project-nav__btn" value="all" checked>
<label for="all">All</label>
</div>
<div class="project-nav__btn">
<input id="web-design" type="radio" name="project-nav__btn" value="web-design">
<label for="web-design">Web Design</label>
</div>
<div class="project-nav__btn">
<input id="mobile-app" type="radio" name="project-nav__btn" value="mobile-app">
<label for="mobile-app">Mobile App</label>
</div>
<div class="project-nav__btn">
<input id="illustration" type="radio" name="project-nav__btn" value="illustration">
<label for="illustration">Illustration</label>
</div>
<div class="project-nav__btn">
<input id="photography" type="radio" name="project-nav__btn" value="photography">
<label for="photography">Photography</label>
</div>
</div>
<div class="project-all">
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/claritas-etiam-processus.jpg" alt="Claritas Etiam Processus">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Claritas Etiam Processus</h3>
<p class="project-caption__text">
Photography, Nature
</p>
</figcaption>
</figure>
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/quam-nutamus-farum.jpg" alt="Quam Nutamus Farum">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Quam Nutamus Farum</h3>
<p class="project-caption__text">
Graphic Design, Mock-Up
</p>
</figcaption>
</figure>
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/usus-legentis-videntur.jpg" alt="Usus Legentis Videntur">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Usus Legentis Videntur</h3>
<p class="project-caption__text">
Photography, Holiday
</p>
</figcaption>
</figure>
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/claritas-etiam-processus1.jpg" alt="Claritas Etiam Processus">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Claritas Etiam Processus</h3>
<p class="project-caption__text">
Photography, Nature
</p>
</figcaption>
</figure>
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/quam-nutamus-farum1.jpg" alt="Quam Nutamus Farum">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Quam Nutamus Farum</h3>
<p class="project-caption__text">
Graphic Design, Mock-Up
</p>
</figcaption>
</figure>
<figure class="project-item">
<div class="project-item__img">
<img src="assets/img/usus-legentis-videntur1.jpg" alt="Usus Legentis Videntur">
<div></div>
</div>
<figcaption class="project-caption">
<h3 class="project-caption__heading">Usus Legentis Videntur</h3>
<p class="project-caption__text">
Photography, Holiday
</p>
</figcaption>
</figure>
<a class="button button_project" href="">LOAD MORE</a>
</div>
</div>
</section>
<section class="video">
<video class="video-player" loop muted autoplay poster="assets/img/bg_video_presentation.jpg">
<source src="assets/video/video.mp4" type="video/mp4" />
</video>
<div class="video-text">
<a class="video-text__button" href=""></a>
<h2 class="video-text__heading">Waxom Video Presentation</h2>
<p class="video-text__text">
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius,
qui sequitur mutationem consuetudium.
</p>
</div>
</section>
<section class="mobile">
<div class="container">
<article class="mobile-block">
<h2 class="mobile-block__heading">Excellent for Mobile Devices.</h2>
<p class="mobile-block__text">
Qisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo
consequat. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius
claritas. Eodem modo typi, qui
nunc nobis videntur parum clari, fiant sollemnes in futurum.
</p>
<ul class="mobile-list">
<li class="mobile-list__item">Nam liber tempor cum soluta nobis eleifend option;</li>
<li class="mobile-list__item">Option congue nihil imperdiet doming id quod mazim placerat facer;
</li>
<li class="mobile-list__item">Eodem modo typi, qui nunc nobis videntur parum futurum;</li>
<li class="mobile-list__item">Investigationes demonstraverunt lectores</li>
</ul>
</article>
</div>
</section>
<section class="counters">
<div class="container counters-wrapper">
<figure class="counters-item">
<img class="counters-item__img" src="assets/img/satisfied-clients.png" alt="Satisfied Clients">
<figcaption class="counters-block">
<p class="counters-block__heading">3587</p>
<p class="counters-block__text">Satisfied Clients</p>
<div class="counters-block__line"></div>
</figcaption>
</figure>
<figure class="counters-item">
<img class="counters-item__img" src="assets/img/cups-of-coffee.png" alt="Caps of coffee">
<figcaption class="counters-block">
<p class="counters-block__heading">207</p>
<p class="counters-block__text">Cups of coffee</p>
<div class="counters-block__line"></div>
</figcaption>
</figure>
<figure class="counters-item">
<img class="counters-item__img" src="assets/img/blog-posts.png" alt="Blog posts">
<figcaption class="counters-block">
<p class="counters-block__heading">2500</p>
<p class="counters-block__text">Blog posts</p>
<div class="counters-block__line"></div>
</figcaption>
</figure>
<figure class="counters-item">
<img class="counters-item__img" src="assets/img/likes.png" alt="Links">
<figcaption class="counters-block">
<p class="counters-block__heading">873</p>
<p class="counters-block__text">Likes</p>
<div class="counters-block__line"></div>
</figcaption>
</figure>
<figure class="counters-item">
<img class="counters-item__img" src="assets/img/we-launched.png" alt="We Launched">
<figcaption class="counters-block">
<p class="counters-block__heading">900</p>
<p class="counters-block__text">We launched</p>
<div class="counters-block__line"></div>
</figcaption>
</figure>
</div>
</section>
<section class="posts">
<div class="container">
<h2 class="posts__title">Recent Posts.</h2>
<p class="posts__text">
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam
processus dynamicus, qui sequitur mutationem consuetudium.
</p>
<div class="posts-wrapper">
<figure class="posts-item">
<div class="img-wrapper">
<div class="date">
<span class="date__number">30</span>
<span class="date__month">Sep.</span>
</div>
<img class="posts-item__img" src="assets/img/img-post-1.jpg"
alt="Lorem ipsum dolor sit amet">
<div class="img-wrapper__opacity"></div>
</div>
<figcaption class="posts-block">
<p class="posts-block__heading">Lorem ipsum dolor sit amet</p>
<p class="posts-block__text">
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.
</p>
<a class="posts-block__link">Read More</a>
</figcaption>
</figure>
<figure class="posts-item">
<div class="img-wrapper">
<div class="date">
<span class="date__number">30</span>
<span class="date__month">Sep.</span>
</div>
<img class="posts-item__img" src="assets/img/img-post-2.jpg"
alt="Lorem ipsum dolor sit amet">
<div class="img-wrapper__opacity"></div>
</div>
<figcaption class="posts-block">
<p class="posts-block__heading">Lorem ipsum dolor sit amet</p>
<p class="posts-block__text">
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.
</p>
<a class="posts-block__link">Read More</a>
</figcaption>
</figure>
<figure class="posts-item">
<div class="img-wrapper">
<div class="date">
<span class="date__number">30</span>
<span class="date__month">Sep.</span>
</div>
<img class="posts-item__img" src="assets/img/img-post-3.jpg"
alt="Lorem ipsum dolor sit amet">
<div class="img-wrapper__opacity"></div>
</div>
<figcaption class="posts-block">
<p class="posts-block__heading">Lorem ipsum dolor sit amet</p>
<p class="posts-block__text">
Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.
</p>
<a class="posts-block__link">Read More</a>
</figcaption>
</figure>
</div>
<div class="post__btm-wrapper">
<a class="post__btm post__btm_left" href="#"></a>
<a class="post__btm post__btm_right" href="#"></a>
</div>
</div>
</section>
<section class="partners">
<div class="container partners-wrapper">
<img class="partners__img" src="assets/img/the-barber.png" alt="The Barber">
<img class="partners__img" src="assets/img/delicious.png" alt="Delicius">
<img class="partners__img" src="assets/img/designers.png" alt="Designers">
<img class="partners__img" src="assets/img/royal.png" alt="Royal">
</div>
</section>
</main>
<footer class="footer">
<header class="fotter-header">
<div class="container fotter-header__wrapper">
<div class="footer-item fotter-about">
<a class="logo footer_logo">Waxom</a>
<p class="fotter-about__text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci suscipit lobortis
claritatem.
</p>
<a class="fotter-about__link">Read more</a>
</div>
<div class="footer-item">
<h2 class="fotter-item__heading">Recent Posts</h2>
<div class="footer-item__item">
<p class="footer-item__item_date">September 08, 2015</p>
<p class="footer-item__item_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
<div class="footer-item__item">
<p class="footer-item__item_date">September 08, 2015</p>
<p class="footer-item__item_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
<div class="footer-item__item">
<p class="footer-item__item_date">September 08, 2015</p>
<p class="footer-item__item_text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="footer-item fotter-twitter">
<h2 class="fotter-item__heading">Our Twitter</h2>
<div class="footer-item__item">
<p class="footer-item__item_text">
<span class="text_blue">@waxom</span> Cum soluta nobis eleifend option congue nihil
imperdiet doming
</p>
<p class="footer-item__item_date date_rev">3 mins ago</p>
</div>
<div class="footer-item__item">
<p class="footer-item__item_text">
Mirum est <span class="text_blue">#envato</span> notare quam littera gothica, quam nunc
putamus parum anteposuerit litterarum
</p>
<p class="footer-item__item_date date_rev">5 hours ago</p>
</div>
<div class="footer-item__item">
<p class="footer-item__item_text">Soluta nobis option bit.ly/1Hniso7</p>
<p class="footer-item__item_date date_rev">20 days ago</p>
</div>
</div>
<div class="footer-item footer-widget">
<h2 class="fotter-item__heading">Dribbble Widget</h2>
<div class="widget-img">
<img class="widget-img__item" src="assets/img/bg-item1.jpg" alt="img1">
<img class="widget-img__item" src="assets/img/bg-item2.jpg" alt="img2">
<img class="widget-img__item" src="assets/img/bg-item3.jpg" alt="img3">
<img class="widget-img__item" src="assets/img/bg-item4.jpg" alt="img4">
</div>
</div>
</div>
</header>
<nav class="fotter-copyright">
<div class="container">
<span class="fotter-copyright__text">Copyright © 2015 Waxom</span>
<a class="fotter-copyright__link" href="#">Privacy Policy</a>
<a class="fotter-copyright__link" href="#">FAQ</a>
<a class="fotter-copyright__link" href="#">Support</a>
</div>
</nav>
</footer>
</body>
</html>