-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
599 lines (596 loc) · 33.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
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
599
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="Planning a trip in France? Visit Fab Travel to discover the best excursions." name="description"/>
<link as="image" fetchpriority="high" href="assets/img/cite_new.webp" rel="preload" type="image/webp"/>
<link href="assets/css/styles.css" rel="stylesheet"/>
<link href="assets/css/index.css" rel="stylesheet"/>
<link href="assets/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="114x114"/>
<link href="assets/favicon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="assets/favicon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="assets/favicon/site.webmanifest" rel="manifest"/>
<link color="#5bbad5" href="assets/favicon/safari-pinned-tab.svg" rel="mask-icon"/>
<meta content="#2b5797" name="msapplication-TileColor"/>
<meta content="#ffffff" name="theme-color"/>
<title>Fab Travel</title>
</head>
<body>
<div class="wrapper">
<header class="header header_intro">
<a class="header__logo" href="#">
<img alt="Company logo" src="assets/img/logo-white.svg"/>
</a>
<div class="header__menu menu">
<div class="menu__burger">
<span></span>
</div>
<nav class="menu__body">
<ul class="menu__list">
<li><a class="menu__link" href="#">Home</a></li>
<li><a class="menu__link" href="filter.html">Excursions</a></li>
</ul>
</nav>
</div>
<div class="header__title">
<div class="header__title_inner">
<div class="header__title_up">Travel in France</div>
<div class="header__title_mid">together with</div>
<div class="header__title_down">FAB TRAVEL</div>
<div>
<a class="header__title_button button button_big" href="filter.html">plan your trips</a>
</div>
</div>
<div class="header__title_media">
<a href="https://www.tiktok.com" target="_blank">
<img alt="TikTok" class="header__tiktok" src="assets/img/tiktok_logo_white.svg"/>
</a>
<a href="https://www.instagram.com" target="_blank">
<img alt="Instagram" class="header__instagram" src="assets/img/instagram_logo_white.svg"/>
</a>
<a href="https://www.facebook.com" target="_blank">
<img alt="Facebook" class="header__facebook" src="assets/img/facebook_logo_white.svg"/>
</a>
</div>
</div>
</header>
<main class="main">
<section class="excursions">
<h2 class="excursions__title">Popular sightseeing excursions</h2>
<div class="excursions__container slider-container">
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 3 hours 💰 55
</span>
<picture>
<source srcset="./assets/img/montmartre.webp" type="image/webp"/>
<img alt="Montmartre" class="excursion__thumb" src="./assets/img/montmartre.png"
srcset="./assets/img/montmartre.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Walking in Montmartre</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
The Montmartre district, located on the hill of the same name, significantly differs
from
other neighborhoods of Paris in its history and atmosphere. In the distant past, there
was a
small village and a women's monastery here. When Montmartre became part of Paris, its
residents remained true to themselves and preserved the rural way of life. Then this
picturesque corner of the French capital was embraced by artists.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 4 hours 💰 50
</span>
<picture>
<source srcset="./assets/img/lyon.webp" type="image/webp"/>
<img alt="Lyon" class="excursion__thumb" src="./assets/img/lyon.png"
srcset="./assets/img/lyon.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Lyon at First Glance</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
Lyon will captivate you with its ancient basilicas and squares, views from Fourvière
Hill
and the banks of the Saône River, the art of living beautifully, and turning gastronomy
into
a religion. You will see the main and secret corners of the city and understand its
motto —
"Only Lyon".
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 2 hours 💰 30
</span>
<picture>
<source srcset="./assets/img/strasbourg.webp" type="image/webp"/>
<img alt="Strasbourg" class="excursion__thumb" src="./assets/img/strasbourg.png"
srcset="./assets/img/strasbourg.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Strasbourg: France with a German Accent</h3>
<span class="excursion__info_type_emoji">🚌</span>
<span class="excursion__info_type_text">BUSSING TOUR</span>
</div>
<div class="excursion__info_description">
In 2 hours, you will be repeatedly amazed by the beauty of Strasbourg's architecture.
You
will see the lavish palaces built by the descendants of famous families. And how simple,
yet
practical, the homes of craftsmen were. I will take you on my favorite route, which
covers
the most beautiful sights, and share stories and secrets of staying here.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 2 hours 💰 35
</span>
<picture>
<source srcset="./assets/img/colmar.webp" type="image/webp"/>
<img alt="Colmar" class="excursion__thumb" src="./assets/img/colmar.png"
srcset="./assets/img/colmar.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Through the Fairytale Streets of Colmar</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
In Colmar, it seems like you've stepped into a magical fairy tale or onto the perfect
postcard. It's an alluring undiscovered Europe! During the walk, you will see the main
attractions, learn about the intertwining of the past and present, the real and the
imagined. And not only that, I will help you feel the uniqueness of the city and tell
you
about its life from the inside.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 3 hours 💰 50
</span>
<picture>
<source srcset="./assets/img/marseilles.webp" type="image/webp"/>
<img alt="Marseilles" class="excursion__thumb" src="./assets/img/marseilles.png"
srcset="./assets/img/marseilles.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Truths and Fables about Marseille</h3>
<span class="excursion__info_type_emoji">🚌</span>
<span class="excursion__info_type_text">BUSSING TOUR</span>
</div>
<div class="excursion__info_description">
Marseille is so diverse and unfathomable that the city's residents and guests create
their
own images of this place. On the tour, you will understand what is true, what is
prejudice,
and what is local legend. Feel the mystery of the city, which combines French, Italian,
and
Eastern traditions. And as a result, you will see Marseille in your own way through the
stories of local residents.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 2 hours 💰 40
</span>
<picture>
<source srcset="./assets/img/montpellier.webp" type="image/webp"/>
<img alt="Montpellier" class="excursion__thumb" src="./assets/img/montpellier.png"
srcset="./assets/img/montpellier.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Montpellier — Discovering the Real South of France
</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
Walking through the lesser-known Montpellier, you will learn about its rich commercial,
spiritual, and intellectual past. You will see the oldest Jewish baths, the country's
first
botanical garden, and the faculty where Nostradamus studied. You'll taste local
delicacies
and enhance your understanding of the charming South of France.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 4 hours 💰 60
</span>
<picture>
<source srcset="./assets/img/versailles.webp" type="image/webp"/>
<img alt="Versailles" class="excursion__thumb" src="./assets/img/versailles.png"
srcset="./assets/img/versailles.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Versatile Versailles</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
Versailles is not only the famous royal palace and picturesque gardens, but also streets
of
antique dealers, well-kept houses, elegant boutiques, cozy pastry shops, and bustling
markets. I will help you uncover all facets of this amazing city and understand what it
means to "breathe the air of Versailles".
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 2 hours 💰 70
</span>
<picture>
<source srcset="./assets/img/rouen.webp" type="image/webp"/>
<img alt="Rouen" class="excursion__thumb" src="./assets/img/rouen.png"
srcset="./assets/img/rouen.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Rouen — Medieval Gateway to Normandy</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
In the multifaceted Rouen, everyone finds something of their own, "for the soul". And I
will
help you with that. You will not only hear many curious facts about fearless Vikings,
brave
Joan of Arc, and the secret symbolism of Gothic cathedrals, but also see the places
loved by
Claude Monet and Gustave Flaubert. And I will also recommend cozy establishments where
you
can try traditional Norman apple pie tarts and the freshest Normandy oysters.
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 2 hours 💰 30
</span>
<picture>
<source srcset="./assets/img/paris.webp" type="image/webp"/>
<img alt="Paris" class="excursion__thumb" src="./assets/img/paris.png"
srcset="./assets/img/paris.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Daily Stroll through Paris</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
On our friendly walk, you will get acquainted with the unconventional history of Paris,
immerse yourself in the romantic atmosphere of the city, and see it through the eyes of
the
locals. We will not only stroll through the landmarks that define Paris but also talk
about
life in the capital, the French mentality, and the most delicious spots in the city!
</div>
</div>
</div>
<div class="excursion__card card">
<div class="excursion__image">
<span class="excursion__discount-tag">
⏱ 3 hours 💰 40
</span>
<picture>
<source srcset="./assets/img/nice.webp" type="image/webp"/>
<img alt="Nice" class="excursion__thumb" src="./assets/img/nice.png"
srcset="./assets/img/nice.png"/>
</picture>
</div>
<div class="excursion__info">
<div class="excursion__info_title">
<h3 class="excursion__info_brand">Nice: Love at First Sight</h3>
<span class="excursion__info_type_emoji">🚶</span>
<span class="excursion__info_type_text">WALKING TOUR</span>
</div>
<div class="excursion__info_description">
Love for a city, like love in general, is a complex, multifaceted feeling. I will show
you
Nice as it is loved by locals and adored by visitors. You will see that prosperity
reigns
here, not just for the public, who have long chosen the French Riviera, but the richness
of
history and culture. I will share with you knowledge about the fate of Nice and the best
urban "sketches" on the theme of love.
</div>
</div>
</div>
</div>
<div class="excursions__controls controls">
<div class="controls_arrow pre-btn">
<img alt="arrow-icon" src="assets/img/arrow-right.png"/>
</div>
<div class="controls_arrow nxt-btn">
<img alt="arrow-icon" src="assets/img/arrow-right.png"/>
</div>
</div>
</section>
<section class="about">
<div class="about__image">
<picture class="about__image-pic">
<source srcset="./assets/img/about_bg.webp" type="image/webp"/>
<img alt="lavender field" class="about__image-pic" src="./assets/img/about_bg.png"
srcset="./assets/img/about_bg.png"/>
</picture>
</div>
<div class="about__block">
<h2 class="about__title">About</h2>
<p class="about__text">
We aspire not only to create a tailor-made program for your travels in France but also to give
you
rare memorable moments and unique personal impressions.
</p>
<p class="about__text">
We draw our inspiration from the unique richness of French culture, the centuries-old traditions
of
French masters and craftsmen, and the inexhaustible energy of the creative process.
</p>
<p class="about__text">
Our values and standards embody a creative approach and a commitment to high quality. It is
these
that enable us to create tours whose uniqueness, style, and originality are comparable only to
the
finest French wines...
</p>
</div>
</section>
<section class="gallery">
<h2 class="gallery__title">Gallery</h2>
<div class="gallery__container">
<picture class="gallery__img1">
<source srcset="./assets/img/01.webp" type="image/webp"/>
<img alt="French Riviera" src="./assets/img/01.png" srcset="./assets/img/01.png"/>
</picture>
<picture class="gallery__img2">
<source srcset="./assets/img/02.webp" type="image/webp"/>
<img alt="Strasbourg" src="./assets/img/02.png" srcset="./assets/img/02.png"/>
</picture>
<picture class="gallery__img3">
<source srcset="./assets/img/03.webp" type="image/webp"/>
<img alt="Rouen" src="./assets/img/03.png" srcset="./assets/img/03.png"/>
</picture>
<picture class="gallery__img4">
<source srcset="./assets/img/04.webp" type="image/webp"/>
<img alt="Notre Dame" src="./assets/img/04.png" srcset="./assets/img/04.png"/>
</picture>
<picture class="gallery__img5">
<source srcset="./assets/img/05.webp" type="image/webp"/>
<img alt="Eiffel Tower" src="./assets/img/05.png" srcset="./assets/img/05.png"/>
</picture>
<picture class="gallery__img6">
<source srcset="./assets/img/06.webp" type="image/webp"/>
<img alt="Paris" src="./assets/img/06.png" srcset="./assets/img/06.png"/>
</picture>
<picture class="gallery__img7">
<source srcset="./assets/img/07.webp" type="image/webp"/>
<img alt="Mont Saint Michel" src="./assets/img/07.png" srcset="./assets/img/07.png"/>
</picture>
<picture class="gallery__img8">
<source srcset="./assets/img/08.webp" type="image/webp"/>
<img alt="Strasbourg" src="./assets/img/08.png" srcset="./assets/img/08.png"/>
</picture>
</div>
</section>
<section class="reviews">
<h2 class="reviews__title">Reviews</h2>
<div class="reviews__container slider-container">
<div class="reviews__card card">
<div class="reviews__image">
<picture>
<source srcset="./assets/img/marseilles.webp" type="image/webp"/>
<img alt="Marseilles" src="./assets/img/marseilles.png"
srcset="./assets/img/marseilles.png"/>
</picture>
</div>
<div class="reviews__info">
<h3 class="reviews__info_name">Mariya, Azerbaijan</h3>
<div class="reviews__info_text">
Amazingly colorful city! I fell in love with Marseille! It's an abundance of white
color,
Moorish style in Europe, cathedrals, the waterfront, Notre-Dame de la Garde, views of
the
city, this atmosphere of the Mediterranean! By the way, the fish at Notre-Dame de la
Garde
is very tasty!
</div>
</div>
</div>
<div class="reviews__card card">
<div class="reviews__image">
<picture>
<source srcset="./assets/img/nice.webp" type="image/webp"/>
<img alt="Nice" src="./assets/img/nice.png" srcset="./assets/img/nice.png"/>
</picture>
</div>
<div class="reviews__info">
<h3 class="reviews__info_name">Marel, Estonia</h3>
<div class="reviews__info_text">
Fulfillment of a dream — a trip to France. The Azure Coast captured my ♥. How long I've
wanted to visit France! This dream haunted me for 20 years, and finally, in 2019, I was
able
to make it come true that my spouse and I spent our July vacation in Nice.
</div>
</div>
</div>
<div class="reviews__card card">
<div class="reviews__image">
<picture>
<source srcset="./assets/img/rouen.webp" type="image/webp"/>
<img alt="Rouen" src="./assets/img/rouen.png" srcset="./assets/img/rouen.png"/>
</picture>
</div>
<div class="reviews__info">
<h3 class="reviews__info_name">Helena, Kazakhstan</h3>
<div class="reviews__info_text">
I've always wanted to see with my own eyes the magnificent cathedral of Rouen — the
Cathedral of Our Lady of Rouen. And now the time has come. Believe me, it's worth it. In
my
opinion, it's simply magnificent, as if made of lace. And there's plenty to see in Rouen
itself...
</div>
</div>
</div>
<div class="reviews__card card">
<div class="reviews__image">
<picture>
<source srcset="./assets/img/strasbourg.webp" type="image/webp"/>
<img alt="Strasbourg" src="./assets/img/strasbourg.png"
srcset="./assets/img/strasbourg.png"/>
</picture>
</div>
<div class="reviews__info">
<h3 class="reviews__info_name">Larabi, Lithuania</h3>
<div class="reviews__info_text">
Many times Strasbourg has passed from Germany to France and vice versa. Yet for me, it
is
France, even giving the feeling of Paris at times. We haven't been to Strasbourg yet.
Reviews ranged from enthusiastic to negative. We didn't want to believe the negative
ones,
we wanted to experience the fairytale France. So, we decided: let's go!
</div>
</div>
</div>
</div>
<div class="reviews__controls controls">
<div class="controls_arrow pre-btn">
<img alt="arrow-icon" src="assets/img/arrow-right.png"/>
</div>
<div class="controls_arrow nxt-btn">
<img alt="arrow-icon" src="assets/img/arrow-right.png"/>
</div>
</div>
</section>
<section class="contacts">
<div class="contacts__form_wrapper">
<form action="https://httpbin.org/post" class="contacts__form form" enctype="multipart/form-data"
id="contactForm" method="post" name="contactForm" novalidate>
<h2 class="form__title">
Any more questions?
<span class="form__subtitle">We will contact you if you leave your information.</span>
</h2>
<div class="form__inputs">
<label for="userName"></label>
<input autocomplete="given-name" class="field" id="userName" maxlength="40" minlength="1"
name="userName" pattern="^[\-a-zA-Zа-яА-Я'\s]+$" placeholder="Name *" required
type="text" value=""/>
<span class="form__inputs_error userName__Required"></span>
<label for="userEmail"></label>
<input autocomplete="email" class="field" id="userEmail" maxlength="254" minlength="7"
name="userEmail"
pattern="^((([0-9A-Za-z]{1}[\-0-9A-z.]{0,30}[0-9A-Za-z]?)|([0-9А-Яа-я]{1}[\-0-9А-я.]{0,30}[0-9А-Яа-я]?))@([\-A-Za-z]{1,}\.){1,}[\-A-Za-z]{2,14})$"
placeholder="Email *" required type="email" value=""/>
<span class="form__inputs_error userEmail__Required"></span>
<label for="userPhone"></label>
<input autocomplete="tel" class="field" id="userPhone" maxlength="30" minlength="3"
name="userPhone" pattern="^[0-9\+]{1,}[0-9\-.\(\)\s]{3,29}$" placeholder="Phone *"
required type="tel" value=""/>
<span class="form__inputs_error userPhone__Required"></span>
</div>
<div class="form__inputs_success" id="successMessage"></div>
<button class="form__button button button_big" id="formBtn" type="submit">send</button>
</form>
</div>
</section>
</main>
<footer class="footer">
<a class="footer__logo" href="index.html">
<img alt="Company logo" class="footer__img" src="assets/img/footer_logo_color.svg"/>
</a>
<div class="footer__social">
<a href="https://www.tiktok.com" target="_blank">
<img alt="TikTok" class="footer__tiktok" src="assets/img/tiktok_logo.svg"/>
</a>
<a href="https://www.instagram.com" target="_blank">
<img alt="Instagram" class="footer__instagram" src="assets/img/instagram_logo.svg"/>
</a>
<a href="https://www.facebook.com" target="_blank">
<img alt="Facebook" class="footer__facebook" src="assets/img/facebook_logo.svg"/>
</a>
</div>
<div class="footer__menu">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="filter.html">Excursions</a></li>
</ul>
<ul class="tels">
<li>
<img alt="whatsapp" src="assets/img/whatsapp.svg"/>
<a href="https://wa.me/+33142967000" target="_blank">+33 1 42 96 70 00</a>
</li>
<li>
<img alt="telegram" src="assets/img/telegram.svg"/>
<a href="https://telegram.im/@USERNAME" target="_blank">+33 1 42 96 70 00</a>
</li>
<li class="social_mail">
<img alt="email" src="assets/img/email.svg"/>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
<ul class="footer__social_big">
<li>
<img alt="email" src="assets/img/email.svg"/>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li class="footer__social_big-icons">
<a href="https://www.tiktok.com" target="_blank">
<img alt="TikTok" class="footer__tiktok" src="assets/img/tiktok_logo.svg"/>
</a>
<a href="https://www.instagram.com" target="_blank">
<img alt="Instagram" class="footer__instagram" src="assets/img/instagram_logo.svg"/>
</a>
<a href="https://www.facebook.com" target="_blank">
<img alt="Facebook" class="footer__facebook" src="assets/img/facebook_logo.svg"/>
</a>
</li>
</ul>
</div>
</footer>
</div>
<script src="assets/js/index.js"></script>
</body>
</html>