-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
598 lines (595 loc) · 40.1 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
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<title>Lagoona</title>
</head>
<body>
<header class="header">
<div class="container flex header-container">
<div class="header-top flex">
<a class="header-logo" href="#">
<img class="header-logo-image" src="img/logo.svg" alt="Logo">
</a>
<div class="header-links flex">
<a class="header-phone" href="tel:+74953225448">+7 495 322 54 48</a>
<a class="link header-link flex" href="#">
<svg class="header-link__img" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.59 7.41L15.17 11H1V13H15.17L11.58 16.59L13 18L19 12L13 6L11.59 7.41ZM20 6V18H22V6H20Z" fill="#CC9933"/>
</svg>
Личный кабинет
</a>
</div>
</div>
<div class="container header-bottom flex">
<nav class="header-nav">
<ul class="nav-list list-reset flex">
<li class="nav-item">
<a class="nav-link" href="#about">О нас</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Услуги</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#advantages">Преимущества</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#accomodations">Размещение</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#booking">Блог</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contacts">Контакты</a>
</li>
</ul>
</nav>
<div class="header-btns flex">
<button class="btn header-btn">Хочу тур</button>
<button class="btn">Обратный звонок</button>
</div>
</div>
</div>
</header>
<main>
<h1 class="hidden-title">Скрытый заголовок</h1>
<section class="special-offers">
<div class="block-container">
<h2 class="section-title offers-title">Спецпредложения</h2>
<div class="offers-articles flex">
<ul class="special-offers-list list-reset flex">
<li class="special-offers-list-item offer1-background">
<article class="offer-desc flex">
<h3 class="offer-title">Мальдивские острова</h3>
<span class="offer-text">от 55 000 р</span>
<a class="link bracket-link offer-link flex" href="#">
<div class="bracket-link__label">
Подробнее
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#FFCC66" stroke-width="2"/>
</svg>
</a>
</article>
</li>
<li class="special-offers-list-item offer2-background">
<article class="offer-desc flex">
<h3 class="offer-title">Горящий тур на остров Крит</h3>
<span class="offer-text">от 55 000 р</span>
<a class="link bracket-link offer-link flex" href="#">
<div class="bracket-link__label">
Подробнее
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#FFCC66" stroke-width="2"/>
</svg>
</a>
</article>
</li>
</ul>
<div class="dedicated-item offer3-background flex">
<article class="offer-desc dedicated">
<h3 class="offer-title dedicated-title">Номера категории люкс</h3>
<span class="offer-text">от 5000 р</span>
<a class="link bracket-link offer-link flex" href="#">
<div class="bracket-link__label">
Подробнее
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#FFCC66" stroke-width="2"/>
</svg>
</a>
</article>
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="container">
<h2 class="section-title">
О нас
</h2>
<p class="about-article">
Идейные соображения высшего порядка, а также сложившаяся структура организации влечет за собой
процесс внедрения и модернизации системы обучения кадров, соответствует насущным потребностям. Идейные
соображения высшего порядка, а также дальнейшее развитие различных форм деятельности представляет собой
интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. Равным образом
сложившаяся структура организации требуют определения и уточнения существенных финансовых
и административных условий.
</p>
</div>
</section>
<section class="services" id="services">
<div class="block-container">
<h2 class="section-title">
Услуги
</h2>
<ul class="services-list list-reset flex">
<li class="services-list-item service1-background">
<div class="service-desc">
<h3 class="service-title">
<a class="link bracket-link service-link flex" href="#">
<div class="bracket-link__label">
Эксклюзивное обслуживание
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#CC9933" stroke-width="2"/>
</svg>
</a>
</h3>
<p class="service-short-desc">
Равным образом постоянный количественный рост и сфера нашей активности
</p>
</div>
</li>
<li class="services-list-item service2-background">
<div class="service-desc">
<h3 class="service-title">
<a class="link bracket-link service-link flex" href="#">
<div class="bracket-link__label">
Аренда банкетных залов
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#CC9933" stroke-width="2"/>
</svg>
</a>
</h3>
<p class="service-short-desc">
Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм.
</p>
</div>
</li>
<li class="services-list-item service3-background">
<div class="service-desc">
<h3 class="service-title">
<a class="link bracket-link service-link flex" href="#">
<div class="bracket-link__label">
Сауны, бассейны, бани, фитнес-залы
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#CC9933" stroke-width="2"/>
</svg>
</a>
</h3>
<p class="service-short-desc">
Не следует, однако забывать, что начало повседневной работы по формированию позиции
</p>
</div>
</li>
<li class="services-list-item service4-background">
<div class="service-desc">
<h3 class="service-title">
<a class="link bracket-link service-link flex" href="#">
<div class="bracket-link__label">
Охраняемые автомобильные стоянки
</div>
<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00015L9.27815 8.77832L1.49998 16.5565" stroke="#CC9933" stroke-width="2"/>
</svg>
</a>
</h3>
<p class="service-short-desc">
Не следует, однако забывать, что начало повседневной работы по формированию позиции
</p>
</div>
</li>
</ul>
</div>
</section>
<section class="advantages" id="advantages">
<div class="block-container">
<h2 class="section-title">
Преимущества
</h2>
<ul class="advantages-list list-reset flex">
<li class="advantages-list-item advantage1-list-icon">
<p class="advantage_desc">
Идейные соображения высшего порядка, а также постоянный количественный рост
</p>
</li>
<li class="advantages-list-item advantage2-list-icon">
<p class="advantage_desc">
Значимость этих проблем настолько очевидна, что вопрос остается открытым
</p>
</li>
<li class="advantages-list-item advantage3-list-icon">
<p class="advantage_desc">
Таким образом реализация плановых заданий играет важную роль для понимания
</p>
</li>
<li class="advantages-list-item advantage4-list-icon">
<p class="advantage_desc">
Повседневная практика показывает, что сложившаяся структура организации
</p>
</li>
<li class="advantages-list-item advantage5-list-icon">
<p class="advantage_desc">
Равным образом рамки и место обучения кадров способствует подготовки сотрудника
</p>
</li>
<li class="advantages-list-item advantage6-list-icon">
<p class="advantage_desc">
Консультация с активом влечет за собой процесс внедрения услуг нашего сервиса
</p>
</li>
<li class="advantages-list-item advantage7-list-icon">
<p class="advantage_desc">
Повседневная практика показывает, что дальнейшее развитие различных форм
</p>
</li>
<li class="advantages-list-item advantage8-list-icon">
<p class="advantage_desc">
Значимость этого настолько очевидна, что консультация наших экспертов помогает
</p>
</li>
</ul>
</div>
</section>
<section class="accomodations" id="accomodations">
<div class="block-container">
<h2 class="section-title">
Размещение
</h2>
<ul class="accomodations-list list-reset flex">
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-1.jpg" alt="Lagoona espanola">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>4 698 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona española</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-2.jpg" alt="Lagoona son tipicas">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>5 148 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona son típicas</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-3.jpg" alt="Laggona de la guerra">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 254 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona de la guerra</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-4.jpg" alt="Lagoona mentire piadosa">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 320 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona mentira piadosa</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-5.jpg" alt="Lagoona empujar la creatividad">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 457 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona empujar la creatividad</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-6.jpg" alt="Lagoona el retorno">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 320 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona el retorno</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-7.jpg" alt="Lagoona mentira piadosa">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 505 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona mentira piadosa</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item">
<img class="accomodation-img" src="img/accomodation-8.jpg" alt="Lagoona suerte sigui siempre">
<div class="accomodation-desc">
<div class="accomodation-main flex">
<span class="accomodation-price">
от <strong>6 824 р</strong> / ночь
</span>
<div class="rating">
<img class="star-img" src="img/star.svg" alt="Рейтинг отеля">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img class="star-img" src="img/star.svg" alt="">
<img src="img/star-empty.svg" alt="">
</div>
</div>
<h3 class="accomodation-title">Lagoona suerte siguió siempre</h3>
<span class="accomodation-location">Барселона, Испания</span>
<button class="btn">Номера</button>
</div>
</li>
<li class="accomodations-list-item flex">
<a href="#" class="bracket-link accomodation-link flex">
<div class="bracket-link__label">
Посмотреть все варианты
</div>
<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.778175 1.22183L8.55635 9L0.778175 16.7782" stroke="#fff" stroke-width="2"/>
</svg>
</a>
</li>
</ul>
</div>
</section>
<section class="booking" id="booking">
<div class="container">
<div class="booking-container">
<h2 class="section-title">Хочу тур</h2>
<form class="form" action="https://jsonplaceholder.typicode.com/posts" method="POST">
<div class="booking-form flex">
<label class="booking-label">Город вылета
<select class="booking-select" name="departure">
<option selected value="Санкт-Петербург">Санкт-Петербург</option>
<option value="Москва">Москва</option>
<option value="Краснодар">Краснодар</option>
</select>
</label>
<label class="booking-label">Страна
<select class="booking-select" name="arrival">
<option selected value="Австралия">Австралия</option>
<option value="Англия">Англия</option>
<option value="Египет">Египет</option>
</select>
</label>
<label class="booking-label">Дата прибытия
<input class="booking-calendar" type="date" name="departure-date" value="2021-10-18" placeholder="Введите дату поездки" required>
</label>
<label class="booking-label">Ночей
<input class="booking-input" type="number" name="nights-count" value="6" placeholder="Введите количество ночей" required>
</label>
<label class="booking-label">Туристы
<input class="booking-input" type="number" name="persons-count" value="2" placeholder="Введите количество туристов" required>
</label>
<label class="booking-label">
<button class="btn">Найти</button>
</label>
</div>
</form>
</div>
</div>
</section>
<section class="contacts" id="contacts">
<div class="before-footer-container">
<h2 class="section-title">Контакты</h2>
<div class="contacts-container flex">
<address class="contacts-details">
<ul class="list-reset flex contacts-list ">
<li class="contacts-list-item flex">
<strong class="contact-item-caption">Адрес</strong>
<p class="contact-item-text">Москва, улица Юности, дом 5 строение 4, офис 2</p>
</li>
<li class="contacts-list-item flex">
<strong class="contact-item-caption">Телефоны</strong>
<p class="contact-item-text">
<a class="link contact-link" href="tel:+74995356434">+7 (499) 535-64-34</a>
<a class="link contact-link" href="tel:+74950050544">+7 (495) 005-05-44</a>
</p>
</li>
<li class="contacts-list-item flex">
<strong class="contact-item-caption">E-mail</strong>
<p class="contact-item-text">
<a class="link contact-link" href="mailto:[email protected]">[email protected]</a>
<span class="contact-tip">по вопросам бронирования</span>
<a class="link contact-link" href="mailto:[email protected]">[email protected]</a>
<span class="contact-tip">по вопросам сотрудничества</span>
</p>
</li>
<li class="contacts-list-item flex">
<strong class="contact-item-caption">График</strong>
<p class="contact-item-text">Понедельник — пятница, с 10:00 до 19:00</p>
</li>
<li class="contacts-list-item flex">
<button class="btn contact-btn">Построить маршрут</button>
</li>
</ul>
</address>
<div class="contacts-img">
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="flex footer-container">
<div class="flex footer-copyright">
<p class="footer-copyright-text">
© 2012-2020 Управляющая компания Объединенной сети «Лагуна Хотелс»
</p>
<p class="footer-copyright-text">
Представленная на сайте информация носит справочный характер и не является публичной офертой
</p>
<a class="link footer-link" href="#">Пользовательское соглашение</a>
</div>
<address class="flex footer-contacts">
<p class="footer-address">11710, улица Юности, дом 5 строение 4, офис 2</p>
<div class="flex footer-links">
<a class="link footer-link" href="tel:+74995356434">+7 (499) 535-64-34</a>
<a class="link footer-link" href="tel:+74950050544">+7 (495) 005-05-44</a>
</div>
<div class="flex footer-links">
<a class="link footer-link" href="mailto:[email protected]">[email protected]</a>
<a class="link footer-link" href="mailto:[email protected]">[email protected]</a>
</div>
</address>
<div class="footer-social">
<ul class="list-reset social-links flex">
<li class="social-link-item">
<a class="social-link" href="#">
<svg class="social-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M17.1779 11.7843C16.3343 11.7843 15.6441 12.4489 15.6441 13.2925C15.6441 14.136 16.3343 14.8262 17.1523 14.8262C17.9959 14.8262 18.6605 14.136 18.6605 13.318C18.6861 12.4489 18.0214 11.7843 17.1779 11.7843ZM17.1779 14.0594C16.7433 14.0594 16.411 13.727 16.411 13.2925C16.411 12.8579 16.7433 12.5256 17.1779 12.5256C17.6124 12.5256 17.9447 12.8835 17.9447 13.2925C17.9447 13.727 17.5869 14.0594 17.1779 14.0594Z" fill="#999999"/>
<path d="M7.7965 9.58586C5.77707 9.5603 4.01327 11.2474 4.06439 13.3946C4.08996 15.3885 5.75151 17.1012 7.84762 17.0756C9.89261 17.0501 11.5542 15.3885 11.5542 13.3435C11.5542 11.273 9.89261 9.58586 7.7965 9.58586ZM7.84762 15.6186C6.49282 15.6697 5.39364 14.5961 5.39364 13.2924C5.39364 11.9632 6.49282 10.9407 7.71981 10.9662C8.99793 10.9662 10.046 11.9887 10.046 13.2924C10.0715 14.5961 9.04905 15.5674 7.84762 15.6186Z" fill="#999999"/>
<path d="M12.5 0C5.59815 0 0 5.59815 0 12.5C0 19.4018 5.59815 25 12.5 25C19.4018 25 25 19.4018 25 12.5C25 5.59815 19.4018 0 12.5 0ZM19.683 17.3568C18.9161 17.8425 18.0726 18.0726 17.1779 18.0726C16.7945 18.0726 16.411 18.0215 16.0532 17.9192C15.1585 17.6891 14.3916 17.229 13.7525 16.5644C13.6759 16.4877 13.5992 16.3855 13.4969 16.2832C13.1646 16.7945 12.8323 17.2801 12.5 17.7914C12.1677 17.2801 11.8354 16.7945 11.5031 16.3088C11.4775 16.3088 11.4775 16.3343 11.4775 16.3343L11.4519 16.3599C10.6851 17.2801 9.71369 17.817 8.53782 18.0215C7.8732 18.1237 7.23414 18.0981 6.59509 17.9192C5.7004 17.6636 4.93353 17.2035 4.29447 16.4877C3.68098 15.7975 3.3231 15.0051 3.16973 14.0849C3.01636 13.2413 3.19529 12.4233 3.24642 12.2188C3.39979 11.6309 3.62985 11.1196 3.98773 10.6339C4.01329 10.6084 4.01329 10.5317 4.01329 10.5061C3.88548 9.99488 3.62985 9.53475 3.34867 9.07463C3.27198 8.97238 3.19529 8.87013 3.11861 8.74232V8.71676C3.14417 8.71676 3.14417 8.71676 3.16973 8.71676C4.11554 8.71676 5.06134 8.71676 6.00715 8.71676C6.05828 8.71676 6.08384 8.6912 6.13496 8.66564C6.79958 8.23108 7.51533 7.89876 8.25664 7.64314C8.79345 7.4642 9.33026 7.31083 9.89263 7.20858C10.4294 7.10633 10.9662 7.02964 11.5286 7.00408C12.8579 6.90183 13.9315 7.02964 14.6472 7.13189C15.184 7.20858 15.6953 7.33639 16.2065 7.48977C17.1012 7.77095 17.9192 8.15439 18.7116 8.64007C18.7628 8.66564 18.8394 8.6912 18.9161 8.6912C19.8364 8.6912 20.7566 8.6912 21.6769 8.6912C21.7536 8.6912 21.8302 8.6912 21.9069 8.6912C21.9069 8.71676 21.9069 8.71676 21.9069 8.71676C21.8558 8.79345 21.8302 8.84457 21.7791 8.92126C21.4724 9.40694 21.1912 9.89263 21.0378 10.455C21.0122 10.5061 21.0122 10.5572 21.0634 10.6339C21.8814 11.8098 22.137 13.1135 21.8047 14.5194C21.4468 15.7208 20.7566 16.6667 19.683 17.3568Z" fill="#999999"/>
<path d="M7.71982 11.7843C6.90182 11.7843 6.21164 12.4745 6.21164 13.2925C6.21164 14.136 6.90182 14.8007 7.74538 14.8007C8.56338 14.8007 9.25356 14.1105 9.25356 13.2669C9.25356 12.4489 8.58894 11.7843 7.71982 11.7843ZM7.74538 14.0849C7.31082 14.0849 6.95295 13.7526 6.95295 13.2925C6.95295 12.8579 7.28526 12.5256 7.71982 12.5256C8.15438 12.5256 8.48669 12.8579 8.51225 13.2925C8.53781 13.727 8.17994 14.0594 7.74538 14.0849Z" fill="#999999"/>
<path d="M17.1012 9.61164C15.0562 9.66276 13.4458 11.2988 13.4202 13.3437C13.4202 15.4143 15.1073 17.127 17.1779 17.1014C19.2484 17.1014 20.9356 15.4399 20.9356 13.3437C20.9356 11.1965 19.1718 9.56051 17.1012 9.61164ZM17.2801 15.6188C15.9253 15.6699 14.8517 14.5963 14.8517 13.2926C14.8517 11.9634 15.9509 10.9409 17.1779 10.9664C18.456 10.9664 19.5041 11.9889 19.5041 13.2926C19.5041 14.5707 18.4816 15.5677 17.2801 15.6188Z" fill="#999999"/>
<path d="M13.9826 9.86723C14.8006 9.10035 15.7975 8.71692 16.9222 8.61467C15.593 8.02674 14.1871 7.77111 12.73 7.74555C11.094 7.71999 9.4836 7.95005 7.97543 8.58911C9.12573 8.6658 10.1227 9.04923 10.9662 9.8161C11.8098 10.583 12.2955 11.5543 12.4744 12.6791C12.6789 11.5799 13.1646 10.6341 13.9826 9.86723Z" fill="#999999"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="25" height="25" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="social-link-item">
<a class="social-link" href="#">
<svg class="social-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M12.5 0C5.59815 0 0 5.59815 0 12.5C0 19.4018 5.59815 25 12.5 25C19.4018 25 25 19.4018 25 12.5C25 5.59815 19.4018 0 12.5 0ZM20.0409 9.15132C20.0409 9.30469 20.0409 9.45807 20.0409 9.58588C20.0409 14.9284 15.9765 20.4499 9.17688 20.4499C7.10633 20.4499 5.08691 19.8619 3.3231 18.7372C3.29754 18.7116 3.27198 18.6605 3.29754 18.635C3.3231 18.5838 3.34867 18.5583 3.39979 18.5838C3.68098 18.6094 3.98773 18.635 4.29447 18.635C5.9049 18.635 7.43864 18.1237 8.74232 17.1779C7.18302 17.0501 5.85378 16.002 5.36809 14.4939C5.36809 14.4683 5.36809 14.4172 5.39366 14.3916C5.41922 14.366 5.44478 14.366 5.47034 14.366C5.9049 14.4427 6.33946 14.4427 6.74846 14.3916C5.13803 13.9059 4.01329 12.3977 4.01329 10.6851V10.6339C4.01329 10.6084 4.03885 10.5828 4.06441 10.5572C4.08998 10.5317 4.11554 10.5317 4.16666 10.5572C4.57566 10.7873 5.03578 10.9407 5.52147 10.9918C4.60122 10.2505 4.06441 9.15132 4.06441 7.94989C4.06441 7.25971 4.24335 6.59509 4.60122 6.00715C4.62678 5.98159 4.65235 5.95603 4.67791 5.95603C4.70347 5.95603 4.72903 5.95603 4.7546 5.98159C6.64621 8.2822 9.40694 9.71369 12.3722 9.89263C12.3211 9.637 12.2955 9.38138 12.2955 9.12576C12.2955 6.97852 14.0337 5.24028 16.181 5.24028C17.229 5.24028 18.2515 5.67484 18.9673 6.41615C19.7853 6.23721 20.5777 5.95603 21.2934 5.52147C21.319 5.4959 21.3701 5.4959 21.3957 5.52147C21.4212 5.54703 21.4468 5.59815 21.4212 5.62372C21.1656 6.39059 20.7055 7.05521 20.0664 7.54089C20.6799 7.43864 21.2679 7.25971 21.8047 7.00408C21.8302 6.97852 21.8814 7.00408 21.9069 7.02964C21.9325 7.05521 21.9325 7.10633 21.9069 7.13189C21.4212 7.97545 20.7822 8.61451 20.0409 9.15132Z" fill="#999999"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="25" height="25" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="social-link-item">
<a class="social-link" href="#">
<svg class="social-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 0C5.59815 0 0 5.59815 0 12.5C0 19.4018 5.59815 25 12.5 25C19.4018 25 25 19.4018 25 12.5C25 5.59815 19.4018 0 12.5 0ZM17.2546 6.36502H15.5163C14.1615 6.36502 13.9059 7.00408 13.9059 7.94989V10.0204H17.1268V13.2924H13.9059V21.6769H10.5572V13.2924H7.74539V10.046H10.5572V7.64314C10.5572 4.85685 12.2699 3.3231 14.7495 3.3231H17.2801L17.2546 6.36502Z" fill="#999999"/>
</svg>
</a>
</li>
<li class="social-link-item">
<a class="social-link" href="#">
<svg class="social-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 -0.00012207C5.59815 -0.00012207 0 5.59803 0 12.4999C0 19.4017 5.59815 24.9999 12.5 24.9999C19.4018 24.9999 25 19.4017 25 12.4999C25 5.59803 19.4018 -0.00012207 12.5 -0.00012207ZM18.8394 13.8547C19.4274 14.417 20.0409 14.9539 20.5521 15.5929C20.7822 15.8741 21.0122 16.1553 21.1656 16.4876C21.3957 16.9477 21.1912 17.459 20.7822 17.4845H18.226C17.5613 17.5356 17.0501 17.28 16.59 16.8199C16.2321 16.462 15.8998 16.0786 15.5675 15.6952C15.4397 15.5418 15.2863 15.3884 15.1073 15.2862C14.7495 15.0561 14.4427 15.1328 14.2638 15.4907C14.0593 15.8741 14.0082 16.2831 13.9826 16.6921C13.957 17.3056 13.7781 17.459 13.1646 17.4845C11.8609 17.5356 10.6339 17.3567 9.50919 16.6921C8.51226 16.1042 7.71983 15.3117 7.05521 14.3915C5.72597 12.6021 4.72903 10.6338 3.80879 8.61439C3.60429 8.15427 3.75767 7.92421 4.26891 7.89864C5.11247 7.87308 5.93046 7.87308 6.77402 7.89864C7.10633 7.89864 7.33639 8.10314 7.46421 8.40989C7.92433 9.50907 8.46114 10.5827 9.15132 11.5541C9.33026 11.8097 9.53475 12.0653 9.79038 12.2698C10.0971 12.4743 10.3016 12.3976 10.455 12.0653C10.5317 11.8608 10.5828 11.6307 10.6084 11.4007C10.6851 10.6338 10.6851 9.86694 10.5572 9.10007C10.4806 8.58883 10.2249 8.28208 9.73925 8.17983C9.48363 8.1287 9.53476 8.05202 9.637 7.89864C9.8415 7.66858 10.046 7.51521 10.4294 7.51521H13.318C13.7781 7.61746 13.8804 7.79639 13.9315 8.25652V11.4774C13.9315 11.6563 14.0082 12.1931 14.3405 12.2954C14.5961 12.3721 14.775 12.1676 14.9284 12.0142C15.6186 11.2729 16.1043 10.4038 16.5644 9.50907C16.7689 9.10007 16.9223 8.69108 17.1012 8.28208C17.229 7.97533 17.408 7.82196 17.7658 7.82196H20.5521C20.6288 7.82196 20.7055 7.82196 20.8078 7.84752C21.2679 7.92421 21.3957 8.1287 21.2679 8.58883C21.0378 9.30457 20.6033 9.91807 20.1687 10.506C19.7086 11.1451 19.1973 11.7586 18.7372 12.4232C18.2771 13.0367 18.3026 13.3434 18.8394 13.8547Z" fill="#999999"/>
</svg>
</a>
</li>
<li class="social-link-item">
<a class="social-link" href="#">
<svg class="social-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1074 12.4999C10.1074 13.8213 11.1786 14.8925 12.5 14.8925C13.8214 14.8925 14.8926 13.8213 14.8926 12.4999C14.8926 11.1785 13.8214 10.1073 12.5 10.1073C11.1786 10.1073 10.1074 11.1785 10.1074 12.4999Z" fill="#999999"/>
<path d="M6.9046 8.26667C7.01962 7.95501 7.2031 7.67291 7.44152 7.44136C7.67307 7.20294 7.95498 7.01946 8.26683 6.90444C8.51974 6.80621 8.89969 6.68929 9.59949 6.65744C10.3565 6.62292 10.5835 6.61548 12.5 6.61548C14.4167 6.61548 14.6437 6.62273 15.4005 6.65725C16.1003 6.68929 16.4804 6.80621 16.7332 6.90444C17.045 7.01946 17.3271 7.20294 17.5585 7.44136C17.7969 7.67291 17.9804 7.95482 18.0956 8.26667C18.1938 8.51959 18.3107 8.89972 18.3426 9.59953C18.3771 10.3564 18.3846 10.5833 18.3846 12.5C18.3846 14.4165 18.3771 14.6435 18.3426 15.4005C18.3107 16.1003 18.1938 16.4803 18.0956 16.7332C17.9804 17.0451 17.7971 17.327 17.5587 17.5585C17.3271 17.7969 17.0452 17.9804 16.7334 18.0954C16.4804 18.1939 16.1003 18.3108 15.4005 18.3426C14.6437 18.3771 14.4169 18.3844 12.5002 18.3844C10.5833 18.3844 10.3563 18.3771 9.59969 18.3426C8.89988 18.3108 8.51974 18.1939 8.26683 18.0954C7.64084 17.854 7.14607 17.3592 6.9046 16.7332C6.80637 16.4803 6.68945 16.1003 6.65741 15.4005C6.62289 14.6435 6.61564 14.4165 6.61564 12.5C6.61564 10.5833 6.62289 10.3564 6.65741 9.59953C6.68926 8.89972 6.80618 8.51959 6.9046 8.26667ZM12.5 16.1856C14.5357 16.1856 16.186 14.5356 16.186 12.4998C16.186 10.4641 14.5357 8.81408 12.5 8.81408C10.4645 8.81408 8.81424 10.4641 8.81424 12.4998C8.81424 14.5356 10.4645 16.1856 12.5 16.1856ZM8.66852 9.52972C9.14421 9.52972 9.52988 9.14405 9.52988 8.66836C9.52988 8.19267 9.14421 7.807 8.66852 7.807C8.19283 7.807 7.80716 8.19267 7.80716 8.66836C7.80735 9.14405 8.19283 9.52972 8.66852 9.52972Z" fill="#999999"/>
<path d="M12.5 -0.00012207C19.4025 -0.00012207 25 5.59737 25 12.4999C25 19.4024 19.4025 24.9999 12.5 24.9999C5.5975 24.9999 0 19.4024 0 12.4999C0 5.59737 5.5975 -0.00012207 12.5 -0.00012207ZM5.36556 15.4591C5.40028 16.2232 5.52177 16.7449 5.69916 17.2015C6.07204 18.1657 6.83422 18.9278 7.79839 19.3007C8.25481 19.4781 8.77666 19.5994 9.54056 19.6343C10.306 19.6692 10.5505 19.6776 12.4998 19.6776C14.4493 19.6776 14.6936 19.6692 15.4593 19.6343C16.2231 19.5994 16.745 19.4781 17.2014 19.3007C17.6805 19.1205 18.1143 18.838 18.4729 18.4727C18.8379 18.1143 19.1204 17.6804 19.3007 17.2015C19.478 16.7451 19.5995 16.2232 19.6342 15.4593C19.6695 14.6937 19.6777 14.4492 19.6777 12.4999C19.6777 10.5506 19.6695 10.306 19.6344 9.54063C19.5997 8.77654 19.4784 8.25488 19.301 7.79826C19.1208 7.31933 18.8381 6.88541 18.4729 6.52702C18.1145 6.16176 17.6805 5.87928 17.2016 5.69904C16.745 5.52165 16.2233 5.40034 15.4593 5.36544C14.6938 5.33054 14.4493 5.32214 12.5 5.32214C10.5507 5.32214 10.3062 5.33054 9.54075 5.36563C8.77666 5.40034 8.255 5.52165 7.79839 5.69884C7.31945 5.87909 6.88553 6.16176 6.52695 6.52702C6.16188 6.8856 5.87921 7.31933 5.69916 7.79826C5.52158 8.25488 5.40028 8.77654 5.36537 9.54063C5.33047 10.306 5.32227 10.5506 5.32227 12.4999C5.32227 14.4492 5.33047 14.6937 5.36556 15.4591Z" fill="#999999"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>