-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
425 lines (421 loc) · 22.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SportsHold</title>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/normalize.css">
</head>
<body>
<header>
<nav class="sub-nav">
<div class="container">
<div class="sub-nav__wrapper">
<ul class="sub-nav__list">
<li class="sub-nav__item"><a href="#" class="sub-nav__link">Support</a></li>
<li class="sub-nav__item"><a href="#" class="sub-nav__link">Delivery</a></li>
<li class="sub-nav__item"><a href="#" class="sub-nav__link">Legal</a></li>
<li class="sub-nav__item"><a href="#" class="sub-nav__link">About Us</a></li>
</ul>
<ul class="sub-nav__user-block user-block">
<div class="sub-nav__cart cart">
<span class="cart__cash">$465.00</span>
<span class="cart__counter">4 Items</span>
</div>
<li class="user-block__item"><a href="#" class="user-block__link">Login</a></li>
<li class="user-block__item"><a href="#" class="user-block__link">Register</a></li>
</ul>
</div>
</div>
</nav>
<nav class="main-nav">
<div class="container">
<div class="main-nav__wrapper">
<div class="logo">
<a href="#" class="logo__link"><img src="img/logo-img.png" alt="" class="logo__image" width="182" height="24"></a>
</div>
<ul class="main-nav__list">
<li class="main-nav__item main-nav__item--current"><a href="#" class="main-nav__link main-nav__link--current">Home</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Men</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Women</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Children</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Baby</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Our Brands</a></li>
<li class="main-nav__item"><a href="#" class="main-nav__link">Sales</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="promo">
<div class="container">
<div class="promo__wrapper">
<img class="promo__image" src="img/air-max-img.png" alt="Фотография кроссовок Nike" width="920" height="685">
<div class="promo__info">
<span class="promo__min-price">From $80.00</span>
<h2 class="promo__product-title">Nike Air Max</h2>
<b class="promo__assortment">50 Variants</b>
<p class="promo__text">Since this is our favorite sneaker, we’re bringing you
50 variants to suit everyone’s needs.</p>
<a href="" class="promo__button btn">Browse Variants</a>
</div>
</div>
</div>
</div>
<main>
<div class="container">
<div class="offer">
<div class="offer__wrapper">
<article class="offer__item offer__item-1">
<img class="offer__image-1" src="img/kyrie-img.jpg" alt="Изображение кроссовок Nike Kyrie 3" width="540" height="540">
<h2 class="offer__title offer__title-1"><span class="offer__slogan">Discover the new</span>Nike Kyrie 3</h2>
<a href="#" class="offer__button btn">View Collection</a>
</article>
<div class="offer__column">
<article class="offer__item offer__item-2">
<img class="offer__image-2" src="img/adidas-boost-img.png" alt="Изображение обуви Adidas-Boost" width="207" height="277">
<h2 class="offer__title offer__title-2"><span class="offer__slogan">Check out the</span>New Arrivals</h2>
<a href="#" class="offer__button offer__button-2 btn">Discover</a>
</article>
<article class="offer__item offer__item-3">
<img class="offer__image-3" src="img/dominik-martin-img.jpg" alt="Изображение обуви Nike" width="255" height="255">
<h2 class="offer__title offer__title-3"><span class="offer__slogan">Best for</span>Athletes</h2>
</article>
<article class="offer__item offer__item-4">
<img class="offer__image-4" src="img/2-boots-img.png" alt="Изображение обуви Nike" class="offer__image" width="224" height="123">
<h2 class="offer__title offer__title-4"><span class="offer__slogan offer__slogan-4">Feel</span>Premium</h2>
</article>
</div>
</div>
</div>
<section class="catalog">
<ul class="catalog__controls">
<li class="catalog__controls-item">
<a href="#" class="catalog__controls-category catalog__controls-category--active">New</a>
</li>
<li class="catalog__controls-item">
<a href="#" class="catalog__controls-category">Popular</a>
</li>
<li class="catalog__controls-item">
<a href="#" class="catalog__controls-category">Top Picks</a>
</li>
</ul>
<div class="catalog__wrapper">
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price">$45.00</span>
<span class="product__discount">-25%</span>
</div>
<span class="product__old-price">$60.00</span>
</div>
<img class="product__image product__image-1" src="img/product-img1.jpg" alt="Converse Breakpoint
Suede Blue" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Converse Breakpoint
Suede Blue </h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price product__price-no-discount">$55.00</span>
</div>
</div>
<img src="img/product-img2.jpg" alt="Converse CT All Star II" class="product__image product__image-2" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men / Women</span>
<h1 class="product__name">Converse CT All Star II</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price">$60.00</span>
<span class="product__discount">-25%</span>
</div>
<span class="product__old-price">$80.00</span>
</div>
<img src="img/product-img3.jpg" alt="Adidas Pure Boost Chill" class="product__image product__image-3" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Women</span>
<h1 class="product__name">Adidas Pure Boost Chill</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price product__price-no-discount">$50.00</span>
</div>
</div>
<img src="img/product-img4.jpg" alt="Puma Duplex W Casual" class="product__image product__image-4" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Puma Duplex W Casual</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price product__price-no-discount">$50.00</span>
</div>
</div>
<img src="img/product-img5.jpg" alt="Adidas Alphabounce 1M" class="product__image product__image-5" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Adidas Alphabounce 1M</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price">$50.00</span>
<span class="product__discount">-50%</span>
</div>
<span class="product__old-price">$100.00</span>
</div>
<img src="img/product-img6.jpg" alt="Asics GEL-Epirus" class="product__image product__image-6" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Asics GEL-Epirus</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price product__price-no-discount">$40.00</span>
</div>
</div>
<img src="img/product-img7.jpg" alt="Adidas Originals
Courtvantage Mesh" class="product__image product__image-7" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Adidas Originals
Courtvantage Mesh</h1>
<span class="product__article">#16378271</span>
</div>
</article>
<article class="catalog__product product">
<div class="product__top">
<div class="product__row">
<span class="product__price">$80.00</span>
</div>
</div>
<img src="img/product-img8.jpg" alt="Adidas Originals
Climacool 1" class="product__image product__image-8" width="200" height="200">
<div class="product__bottom">
<span class="product__sex">Men</span>
<h1 class="product__name">Adidas Originals Climacool 1</h1>
<span class="product__article">#16378271</span>
</div>
</article>
</div>
</section>
<section class="brands">
<h2 class="visually-hidden">Бренды нашего магазина</h2>
<img src="img/adidas-logo-img.png" alt="Логотип Adidas" class="brands__image" width="100" height="68">
<img src="img/nike-logo-img.png" alt="Логотип Nike" class="brands__image" width="100" height="52">
<img src="img/puma-logo-img.png" alt="Логотип Puma" class="brands__image" width="120" height="61">
<img src="img/asics-logo-img.png" alt="Логотип Asics" class="brands__image" width="99" height="44">
<img src="img/newbalance-logo-img.png" alt="Логотип New Balance" class="brands__image" width="120" height="56">
<img src="img/fila-logo-img.png" alt="Логотип Fila" class="brands__image" width="100" height="33">
</section>
</div>
<section class="feedback">
<div class="container">
<div class="feedback__wrapper">
<div class="feedback__user-block user-1">
<img src="img/user-photo-img.jpg" alt="Аватар рользователя" class="feedback__user-photo" width="65" height="65">
<b class="feedback__user-name">Christopher Atkins</b>
<div class="feedback__user-rating rating-1"><span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span></div>
<quoteblock class="feedback__user-review">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”</quoteblock>
</div>
<div class="feedback__user-block user-2 feedback__user-block--active">
<img src="img/user-photo-img.jpg" alt="Аватар рользователя" class="feedback__user-photo" width="65" height="65">
<b class="feedback__user-name">Andrew Ferraccioli</b>
<div class="feedback__user-rating rating-2"><span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star rating-empty-star"></span></div>
<quoteblock class="feedback__user-review">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”</quoteblock>
</div>
<div class="feedback__user-block user-3">
<img src="img/user-photo-img.jpg" alt="Аватар рользователя" class="feedback__user-photo" width="65" height="65">
<b class="feedback__user-name">Sandra Jensen</b>
<div class="feedback__user-rating rating-3"><span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star"></span>
<span class="rating-star rating-empty-star"></span>
<span class="rating-star rating-empty-star"></span></div>
<quoteblock class="feedback__user-review">“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.”</quoteblock>
</div>
</div>
</div>
</section>
<div class="container">
<section class="news">
<h2 class="news__header">Latest News</h2>
<ul class="news__list">
<li class="news__item news__item-1">
<time class="news__date" datetime="27-12-2017">Dec 27, 2017</time>
<p class="news__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<a href="#" class="news__comments">24 Comments</a>
</li>
<li class="news__item news__item-2">
<time class="news__date" datetime="27-12-2017">Dec 27, 2017</time>
<p class="news__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<a href="#" class="news__comments">24 Comments</a>
</li>
<li class="news__item news__item-3">
<time class="news__date" datetime="27-12-2017">Dec 27, 2017</time>
<p class="news__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<a href="#" class="news__comments">24 Comments</a>
</li>
</ul>
</section>
</div>
<section class="help">
<div class="container">
<div class="help__wrapper">
<h2 class="visually-hidden">Помощь покупателю</h2>
<div class="help__index-column">
<h2 class="help__header">Looking For Help?</h2>
<p class="help__annotation">Have any questions or need help with order? Let us know!</p>
</div>
<a href="#" class="help-button btn">Make An Inquiry</a>
</div>
</div>
</section>
</main>
<footer class="main-footer">
<div class="container">
<section class="features">
<h2 class="visually-hidden">Наши преимущества</h2>
<ul class="features__list">
<li class="features__item features__shipping">Free Shipping<br>
in Europe</li>
<li class="features__item features__money-back">Money Back Guarantee</li>
<li class="features__item features__support">24/7 Customer Support</li>
<li class="features__item features__low-price">Lowest Prices Guaranteed</li>
<li class="features__item features__exlusive">Exclusive Items for Sportshold</li>
<li class="features__item features__delivery">5-Day Delivery<br>
in Europe</li>
</ul>
</section>
<section class="links-and-contacts">
<address class="contacts">
<ul class="contacts__list">
<li class="contacts__item contacts__tel">
<b class="contacts__heading">Call Us</b>
<p class="contacts__info">0 (1234) 567 890</p>
</li>
<li class="contacts__item contacts__email">
<b class="contacts__heading">Email Us</b>
<p class="contacts__info">[email protected]</p>
</li>
<li class="contacts__item contacts__address">
<b class="contacts__heading">Address</b>
<p class="contacts__info">40 Baria Sreet 133/2, NY, US</p>
</li>
</ul>
</address>
<div class="footer-nav">
<ul class="footer-nav__list footer-nav__list-1">
<b class="footer-nav__heading">Navigation</b>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Home</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">About Us</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Latest News</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Reviews</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Brands</a></li>
</ul>
<ul class="footer-nav__list footer-nav__list-2">
<b class="footer-nav__heading">Categories</b>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Men</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Women</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Children</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Baby</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Accessories</a></li>
</ul>
<ul class="footer-nav__list footer-nav__list-3">
<b class="footer-nav__heading">Sales</b>
<li class="footer-nav__item"><a href="" class="footer-nav__link">New Arrivals</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Most Popular</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Top Picks</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">
Outlet</a></li>
</ul>
<ul class="footer-nav__list footer-nav__list-4">
<b class="footer-nav__heading">Support</b>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Shipping & Delivery</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Return Policy</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Terms of Service</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Privacy Policy</a></li>
<li class="footer-nav__item"><a href="" class="footer-nav__link">Contact Us</a></li>
</ul>
</div>
</section>
<div class="footer-bottom">
<div class="footer-bottom__logo">
<img class="footer-bottom__image" src="img/logo-img.png" alt="Логотип сайта SportsHold" width="182" height="24">
</div>
<p class="footer-bottom__copyright">© 2017 Sportshold. All rights reserved.</p>
<ul class="footer-bottom__list socials">
<li class="socials__item">
<a href="#" class="socials__link">
<svg class="socials__icon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="38px" height="22px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M26.294,2.598 C25.330,3.019 24.293,3.304 23.206,3.432 C24.317,2.777 25.170,1.740 25.570,0.504 C24.531,1.110 23.381,1.550 22.155,1.787 C21.176,0.758 19.778,0.116 18.231,0.116 C15.263,0.116 12.856,2.487 12.856,5.409 C12.856,5.825 12.902,6.228 12.995,6.615 C8.527,6.394 4.566,4.288 1.913,1.083 C1.450,1.868 1.185,2.777 1.185,3.747 C1.185,5.582 2.135,7.203 3.577,8.153 C2.696,8.127 1.866,7.886 1.141,7.492 L1.141,7.557 C1.141,10.123 2.994,12.263 5.455,12.748 C5.003,12.872 4.529,12.934 4.038,12.934 C3.691,12.934 3.353,12.903 3.027,12.840 C3.710,14.943 5.695,16.475 8.048,16.515 C6.208,17.936 3.890,18.782 1.372,18.782 C0.937,18.782 0.509,18.759 0.089,18.709 C2.468,20.209 5.294,21.087 8.330,21.087 C18.220,21.087 23.626,13.021 23.626,6.024 C23.626,5.794 23.622,5.565 23.612,5.339 C24.663,4.592 25.575,3.660 26.294,2.598 "/>
</svg><span class="visually-hidden">Twitter</span></a>
</li>
<li class="socials__item">
<a href="#" class="socials__link">
<svg class="socials__icon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="27px" height="27px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M0.611,9.181 L3.195,9.181 L3.195,6.619 C3.195,5.489 3.223,3.747 4.028,2.668 C4.875,1.525 6.038,0.748 8.039,0.748 C11.299,0.748 12.672,1.222 12.672,1.222 L12.026,5.128 C12.026,5.128 10.949,4.811 9.944,4.811 C8.939,4.811 8.039,5.178 8.039,6.203 L8.039,9.181 L12.160,9.181 L11.872,12.996 L8.039,12.996 L8.039,26.249 L3.195,26.249 L3.195,12.996 L0.611,12.996 L0.611,9.181 Z"/>
</svg><span class="visually-hidden">FaceBook</span></a>
</li>
<li class="socials__item">
<a href="#" class="socials__link">
<svg class="socials__icon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="27px" height="27px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M13.500,0.748 C6.459,0.748 0.749,6.457 0.749,13.499 C0.749,18.720 3.889,23.205 8.383,25.177 C8.346,24.287 8.377,23.218 8.604,22.249 C8.849,21.215 10.244,15.301 10.244,15.301 C10.244,15.301 9.837,14.487 9.837,13.285 C9.837,11.394 10.933,9.983 12.296,9.983 C13.456,9.983 14.017,10.854 14.017,11.898 C14.017,13.064 13.273,14.807 12.891,16.422 C12.571,17.775 13.569,18.878 14.902,18.878 C17.318,18.878 18.945,15.776 18.945,12.099 C18.945,9.305 17.063,7.214 13.640,7.214 C9.773,7.214 7.363,10.097 7.363,13.319 C7.363,14.430 7.690,15.214 8.203,15.820 C8.439,16.099 8.472,16.211 8.387,16.531 C8.326,16.764 8.185,17.331 8.127,17.554 C8.042,17.877 7.781,17.993 7.489,17.873 C5.707,17.146 4.878,15.195 4.878,13.003 C4.878,9.381 7.931,5.036 13.990,5.036 C18.858,5.036 22.062,8.560 22.062,12.341 C22.062,17.343 19.281,21.079 15.181,21.079 C13.806,21.079 12.511,20.335 12.068,19.491 C12.068,19.491 11.327,22.428 11.170,22.995 C10.901,23.978 10.371,24.960 9.887,25.726 C11.033,26.065 12.245,26.250 13.500,26.250 C20.542,26.250 26.250,20.540 26.250,13.499 C26.250,6.457 20.542,0.748 13.500,0.748 "/>
</svg><span class="visually-hidden">Pinterest</span></a>
</li>
<li class="socials__item">
<a href="#" class="socials__link">
<svg class="socials__icon"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="27px" height="19px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M18.450,9.941 L10.101,14.867 L10.101,5.014 L18.450,9.941 ZM26.250,14.508 L26.250,5.349 C26.250,5.349 26.250,0.934 21.855,0.934 L5.142,0.934 C5.142,0.934 0.749,0.934 0.749,5.349 L0.749,14.508 C0.749,14.508 0.749,18.922 5.142,18.922 L21.855,18.922 C21.855,18.922 26.250,18.922 26.250,14.508 "/>
</svg><span class="visually-hidden">YouTube</span></a>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>