-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
762 lines (724 loc) · 44.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
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lagoona сеть отелей, туристические услуги</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link type="image/x-icon" href="img/favicon.png" rel="shortcut icon">
</head>
<body>
<header class="header">
<div class="container">
<div class="container-header-top flex">
<a class="header-logo" href="#">
<img class="header-logo-img" src="img/logo.svg" alt="Логотип Лагуна">
</a>
<address class="header-address flex">
<a class="header-address-mobile" href="tel:+74953225448">
+7 495 322 54 48
</a>
</address>
<a class="header-link header-link-privet-cab flex" href="#">
<svg class="header-private-cab-arrow" 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"
/>
</svg>
Личный кабинет
</a>
</div>
<nav class="header-nav flex">
<ul class="header-list flex list-reset">
<li class="header-list-item">
<a class="header-link" href="#about-us">
О нас
</a>
</li>
<li class="header-list-item">
<a class="header-link" href="#services">
Услуги
</a>
</li>
<li class="header-list-item">
<a class="header-link" href="#advantages">
Преимущества
</a>
</li>
<li class="header-list-item">
<a class="header-link" href="#accommodation">
Размещение
</a>
</li>
<li class="header-list-item">
<a class="header-link" href="#blog">
Блог
</a>
</li>
<li class="header-list-item">
<a class="header-link" href="#contacts">
Контакты
</a>
</li>
</ul>
<a class="header-link-btn btn" href="#special-offers">
Хочу тур
</a>
<button class="btn header-btn btn-reset">
Обратный звонок
</button>
</nav>
</div>
</header>
<main class="main">
<!--! Новая секция -->
<section class="special-offers">
<div class="container">
<h2 class="section-title special-offers-title" id="special-offers">
Спецпредложения
</h2>
<div class="special-offers-list list-reset flex">
<div class="left-cards flex">
<div class="special-offers-items special-offers-items-img1 flex">
<h3 class="special-offers-title-h3">
Мальдивские острова
</h3>
<p class="special-offers-price">
от 55 000 р
</p>
<div class="special-offers-block-link">
<a class="special-offers-link flex" href="#">
Подробнее
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#F0BF5F" stroke-width="2" />
</svg>
</a>
</div>
</div>
<div class="special-offers-items special-offers-items-img2 flex">
<h3 class="special-offers-title-h3">
Горящий тур на остров Крит
</h3>
<p class="special-offers-price">
от 30 000 р
</p>
<div class="special-offers-block-link">
<a class="special-offers-link flex" href="#">
Подробнее
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#F0BF5F" stroke-width="2" />
</svg>
</a>
</div>
</div>
</div>
<div class="right-cards flex">
<div class="special-offers-items special-offers-items-img3 right-card flex">
<h3 class="special-offers-title-h3-right">
Номера категории люкс
</h3>
<p class="special-offers-price-right">
от 5000 р
</p>
<div class="special-offers-block-link">
<a class="special-offers-link-right flex" href="#">
Подробнее
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#F0BF5F" stroke-width="2" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about-us">
<div class="container about-us-article">
<h2 class="about-us-title" id="about-us">
О нас
</h2>
<p class="about-us-paragraph">
Идейные соображения высшего порядка, а также сложившаяся
структура организации влечет за собой процесс внедрения и модернизации
системы обучения кадров, соответствует насущным потребностям. Идейные соображения
высшего порядка, а также дальнейшее развитие различных форм деятельности
представляет собой интересный эксперимент проверки системы обучения кадров
, соответствует насущным потребностям. Равным образом сложившаяся структура
организации требуют определения и уточнения существенных финансовых и
административных условий.
</p>
</div>
</section>
<section class="services">
<div class="container">
<h2 class="services-title" id="services">
Услуги
</h2>
<ul class="services-list list-reset flex">
<li class="services-list-item services-list-item-img1 flex">
<h3 class="service-item-title flex">
<a class="services-item-link flex" href="#">
Эксклюзивное обслуживание
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#cc9933" stroke-width="2" />
</svg>
</a>
</h3>
<p class="sevices-item-text">
Равным образом постоянный количественный рост и сфера нашей активности
</p>
</li>
<li class="services-list-item services-list-item-img2 flex">
<h3 class="service-item-title flex">
<a class="services-item-link flex" href="#">
Аренда банкетных залов
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#cc9933" stroke-width="2" />
</svg>
</a>
</h3>
<p class="sevices-item-text">
Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм.
</p>
</li>
<li class="services-list-item services-list-item-img3 flex">
<h3 class="service-item-title flex">
<a class="services-item-link flex" href="#">
Сауны, бассейны, бани, фитнес-залы
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#cc9933" stroke-width="2" />
</svg>
</a>
</h3>
<p class="sevices-item-text">
Не следует, однако забывать, что начало повседневной работы по формированию позиции
</p>
</li>
<li class="services-list-item services-list-item-img4 flex">
<h3 class="service-item-title flex">
<a class="services-item-link flex" href="#">
Охраняемые автомобильные стоянки
<svg class="arrow-right" width="11" height="18" viewBox="0 0 11 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.49998 1.00002L9.27815 8.7782L1.49998 16.5564" stroke="#cc9933" stroke-width="2" />
</svg>
</a>
</h3>
<p class="sevices-item-text">
Не следует, однако забывать, что начало повседневной работы по формированию позиции
</p>
</li>
</ul>
</div>
</section>
<!--! Новая секция -->
<section class="advantages">
<div class="container">
<h2 id="advantages" class="advantage-title">
Преимущества
</h2>
<ul class="advantage-list list-reset flex">
<li class="advantage-list-item advantage-list-item-img1">
<p class="advantage-item-descr">
Идейные соображения высшего порядка, а также постоянный количественный рост
</p>
</li>
<li class="advantage-list-item advantage-list-item-img2">
<p class="advantage-item-descr">
Значимость этих проблем настолько очевидна, что вопрос остается открытым
</p>
</li>
<li class="advantage-list-item advantage-list-item-img3">
<p class="advantage-item-descr">
Таким образом реализация плановых заданий играет важную роль для понимания
</p>
</li>
<li class="advantage-list-item advantage-list-item-img4">
<p class="advantage-item-descr">
Повседневная практика показывает, что сложившаяся структура организации
</p>
</li>
<li class="advantage-list-item advantage-list-item-img5">
<p class="advantage-item-descr">
Равным образом рамки и место обучения кадров способствует подготовки сотрудника
</p>
</li>
<li class="advantage-list-item advantage-list-item-img6">
<p class="advantage-item-descr">
Консультация с активом влечет за собой процесс внедрения услуг нашего сервиса
</p>
</li>
<li class="advantage-list-item advantage-list-item-img7">
<p class="advantage-item-descr">
Повседневная практика показывает, что дальнейшее развитие различных форм
</p>
</li>
<li class="advantage-list-item advantage-list-item-img8">
<p class="advantage-item-descr">
Значимость этого настолько очевидна, что консультация наших экспертов помогает
</p>
</li>
</ul>
</div>
</section>
<!--! Новая секция -->
<section class="accommodation">
<div class="container">
<h2 id="accommodation" class="accommodation-title">
Размещение
</h2>
<ul class="accommodation-list list-reset flex">
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-1.jpg"
alt="Ресепшен в стиле хайтек с бассеином">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">4 698</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona española 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona española 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona española 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona española 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona española 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona española
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-2.jpg"
alt="Бассеин, с шикарными пальмами внутри главного корпуса отеля">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">5 148</span>/ ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona son típicas 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona son típicas 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona son típicas 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona son típicas 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona son típicas 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona son típicas
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-3.jpg"
alt="На территоррии отеля самые дилнные каналы с водой">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 254</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona de la guerra 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona de la guerra 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona de la guerra 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona de la guerra 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona de la guerra 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona de la guerra
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-4.jpg"
alt="Вечерний вид лобби бара с шикарной подсветкой">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 320</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona mentira piadosa
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-5.jpg"
alt="Бассеин с заходом в виде естественного ландшафта с искуственной волоной">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 457</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona empujar la creatividad 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona empujar la creatividad 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona empujar la creatividad 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona empujar la creatividad 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona empujar la creatividad 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona empujar la creatividad
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-6.jpg"
alt="На территории расположен бассеин с подогреваемой зоной">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 320</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona el retorno 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona el retorno 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona el retorno 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona el retorno 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona el retorno 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona el retorno
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-7.jpg"
alt="Главный корпус отеля с номерами и выходом к бассеину">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 505</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona mentira piadosa 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona mentira piadosa
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item">
<div class="accommodation-list-item-price">
<img class="accommodation-list-item-img" src="img/accommodation-8.jpg"
alt="Номер отеля в виде отдельной виллы с собственным входом и бассеином">
<div class="accommodation-cards-descr flex">
<div class="accommodation-price-star flex">
<p class="accommodation-text">
от <span class="bold-text">6 824</span> / ночь
</p>
<div class="star-raiting">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona suerte siguió siempre 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona suerte siguió siempre 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona suerte siguió siempre 4 из 5">
<img class="accommodation-star-item" src="img/star-yellow.png"
alt="Рейтинг отеля Lagoona suerte siguió siempre 4 из 5">
<img class="accommodation-star-item" src="img/star-grey.png"
alt="Рейтинг отеля Lagoona suerte siguió siempre 4 из 5">
</div>
</div>
<h3 class="accommodation-item-descr">
Lagoona suerte siguió siempre
</h3>
<p class="accomodation-item-descr-light">
Барселона, Испания
</p>
<button class="btn accommodation-item-btn btn-reset">
Номера
</button>
</div>
</div>
</li>
<li class="accommodation-list-item accommodation-list-item-back-img flex">
<div class="accomodation-item-link-block">
<a class="accommodation-item-link accommodation-item-link-allarea flex" href="#">
Посмотреть все варианты
<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="white" stroke-width="2" />
</svg>
</a>
</div>
</li>
</ul>
</div>
</section>
<!-- ! Whant-tour -->
<section class="whant-tour">
<div class="container">
<div class="whant-tour-grey-block">
<h2 class="whant-tour-title">
Хочу тур
</h2>
<div class="whant-tour-form flex">
<form class="form want-tour-nav flex" action="https://jsonplaceholder.typicode.com/posts" method="POST" >
<label class="designation whant-tour-label flex" for="city"><span class="city-departure-span">Город вылета</span>
<select class="form-select" name="city" id="city" >
<option value="Санкт Петербург">Санкт Петербург</option>
<option value="Москва">Москва</option>
</select>
</label>
<label class="designation whant-tour-label flex"> <span class="city-departure-span">Страна</span>
<select class="form-select" name="country">
<option value="Австралия">Австралия</option>
<option value="Россия">Россия</option>
</select>
</label>
<label class="designation whant-tour-label flex">Дата прибытия
<input class="form-input form-input-no-border" type="date" name="date" value="2023-10-10" required>
</label>
<label class="designation whant-tour-label flex">Ночей
<input class="form-input" type="number" name="night" value="7" required>
</label>
<label class="designation whant-tour-label flex">Туристы
<input class="form-input" type="number" name="tourists" value="2" required>
</label>
<button class="btn form-btn btn-reset">Найти</button>
</form>
</div>
</div>
</div>
</section>
<!--! CONTACTS -->
<section class="contacts">
<div class="container">
<h2 class="contacts-title">
Контакты
</h2>
<div class="contacts-group flex">
<div class="contacts-group-left">
<ul class="contacts-group-left-list cont-gp flex list-reset">
<li class="contact-item flex">
<h3 class="contact-item-title">
Адрес
</h3>
<p class="contact-item-descr">
Москва, улица Юности, дом 5 строение 4, офис 2
</p>
</li>
<li class="contact-item flex">
<h3 class="contact-item-title">
Телефоны
</h3>
<div class="tel-group flex">
<a class="telmobile contact-item-descr-tel" href="tel:+74995356434" >+7 499 535-64-34</a>
<a class="telmobile contact-item-descr-tel contact-item-descr-tel-lst" href="tel:+74950050544" >+7 495 005-05-44</a>
</div>
</li>
<li class="contact-item flex">
<h3 class="contact-item-title">
Email
</h3>
<div class="contact-emal-group flex">
<a class="email contact-item-descr-email" href="mailto:[email protected]">[email protected]</a>
<p class="contact-item-descr-light">
по вопросам бронирования
</p>
<a class="email contact-item-descr-email" href="mailto:[email protected]" >[email protected]</a>
<p class="contact-item-descr-light contact-item-descr-light-lst">
по вопросам сотрудничества
</p>
</div>
</li>
<li class="contact-item flex">
<h3 class="contact-item-title">
График
</h3>
<p class="contact-item-descr">
Понедельник-пятница, с 10:00 до 19:00
</p>
</li>
</ul>
<button class="btn btn-reset btn-contacts">Построить маршрут</button>
</div>
<img class="contact-img contacts-group-right cont-gp flex" src="img/lobbi.jpg" alt="Лобби и шикарный ресепшн на входе">
</div>
</div>
</section>
</main>
<!--! footer -->
<footer class="footer">
<div class="container">
<div class="footer-nav flex">
<div class="footer-list-left-box flex">
<p class="left-item-text">
© 2012–2020 Управляющая компания Объединённой сети «Лагуна Хотелс»
</p>
<p class="left-item-text">
Представленная на сайте информация носит справочный характер и не является публичной офертой
</p>
<a class="useragriment left-item-text left-item-text-useragriment" href="#" >Пользовательское соглашение</a>
</div>
<address class="footer-list-midle-box flex">
<p class="midle-item-text address-text">
11710, улица Юности, дом 5 строение 4, офис 2
</p>
<a class="telmobile midle-item-text text-telmobile" href="tel:+74995356434" >+7 499 535-64-34</a>
<a class="telmobile midle-item-text text-telmobile text-telmobile-last" href="tel:+74950050544" >+7 495 005-05-44</a>
<a class="email midle-item-text text-email" href="mailto:[email protected]">[email protected]</a>
<a class="email midle-item-text text-email" href="mailto:[email protected]" >[email protected]</a>
</address>
<ul class="footer-list-right-box list-reset flex">
<li class="right-item">
<a class="sova-logo-link footer-list-right-item sova-logo" href="#" >
<!-- <img class="sova-logo-img" src="img/sovalogo.svg" alt="Сова логотип"> -->
<svg class="sova-logo-img social-logo-img" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
<path d="M17.1779 11.7844C16.3343 11.7844 15.6441 12.449 15.6441 13.2926C15.6441 14.1362 16.3343 14.8263 17.1523 14.8263C17.9959 14.8263 18.6605 14.1362 18.6605 13.3182C18.6861 12.449 18.0214 11.7844 17.1779 11.7844ZM17.1779 14.0595C16.7433 14.0595 16.411 13.7272 16.411 13.2926C16.411 12.858 16.7433 12.5257 17.1779 12.5257C17.6124 12.5257 17.9447 12.8836 17.9447 13.2926C17.9447 13.7272 17.5869 14.0595 17.1779 14.0595Z" fill="#999999"/>
<path d="M7.7965 9.58598C5.77707 9.56042 4.01327 11.2475 4.06439 13.3948C4.08996 15.3886 5.75151 17.1013 7.84762 17.0757C9.89261 17.0502 11.5542 15.3886 11.5542 13.3436C11.5542 11.2731 9.89261 9.58598 7.7965 9.58598ZM7.84762 15.6187C6.49282 15.6698 5.39364 14.5962 5.39364 13.2925C5.39364 11.9633 6.49282 10.9408 7.71981 10.9663C8.99793 10.9663 10.046 11.9888 10.046 13.2925C10.0715 14.5962 9.04905 15.5676 7.84762 15.6187Z" 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.6666 19.683 17.3568Z" fill="#999999"/>
<path d="M7.71982 11.7844C6.90182 11.7844 6.21164 12.4746 6.21164 13.2926C6.21164 14.1362 6.90182 14.8008 7.74538 14.8008C8.56338 14.8008 9.25356 14.1106 9.25356 13.267C9.25356 12.449 8.58894 11.7844 7.71982 11.7844ZM7.74538 14.085C7.31082 14.085 6.95295 13.7527 6.95295 13.2926C6.95295 12.858 7.28526 12.5257 7.71982 12.5257C8.15438 12.5257 8.48669 12.858 8.51225 13.2926C8.53781 13.7272 8.17994 14.0595 7.74538 14.085Z" fill="#999999"/>
<path d="M17.1012 9.61152C15.0562 9.66264 13.4458 11.2986 13.4202 13.3436C13.4202 15.4142 15.1073 17.1268 17.1779 17.1013C19.2484 17.1013 20.9356 15.4397 20.9356 13.3436C20.9356 11.1964 19.1718 9.56039 17.1012 9.61152ZM17.2801 15.6187C15.9253 15.6698 14.8517 14.5962 14.8517 13.2925C14.8517 11.9633 15.9509 10.9408 17.1779 10.9663C18.456 10.9663 19.5041 11.9888 19.5041 13.2925C19.5041 14.5706 18.4816 15.5675 17.2801 15.6187Z" fill="#999999"/>
<path d="M13.9826 9.86723C14.8006 9.10035 15.7975 8.71692 16.9223 8.61467C15.593 8.02674 14.1871 7.77111 12.73 7.74555C11.094 7.71999 9.48361 7.95005 7.97543 8.58911C9.12574 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"/>
</svg>
</a>
</li>
<li class="right-item">
<a class="ok-logo-link footer-list-right-item ok-logo" href="#">
<!-- <img class="ok-logo-img" src="img/ok.svg" alt="ОК логотип"> -->
<svg class="ok-logo-img social-logo-img" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
<path d="M10.7106 8.32552C10.7106 9.35607 11.546 10.1916 12.5766 10.1916C13.6071 10.1916 14.4426 9.35607 14.4426 8.32552C14.4426 7.29496 13.6071 6.4595 12.5766 6.4595C11.546 6.4595 10.7106 7.29496 10.7106 8.32552Z" fill="#999999"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM8.06251 8.32546C8.06251 5.83243 10.0835 3.81137 12.5766 3.81137C15.0697 3.81137 17.0907 5.83243 17.0907 8.32546C17.0907 10.8185 15.0697 12.8397 12.5766 12.8397C10.0835 12.8397 8.06251 10.8185 8.06251 8.32546ZM17.1176 15.1617C17.0604 15.2076 15.9774 16.0634 14.1702 16.4316L16.8981 19.1351C17.3778 19.6141 17.3784 20.3912 16.8994 20.8709C16.4205 21.3506 15.6435 21.3514 15.1636 20.8723L12.5153 18.2933L10.1099 20.8557C9.86912 21.1055 9.54789 21.2311 9.22631 21.2311C8.91959 21.2311 8.61261 21.117 8.37443 20.8873C7.88644 20.4168 7.8723 19.6398 8.34283 19.1518L10.932 16.4459C9.07424 16.0864 7.94659 15.2083 7.88852 15.1617C7.3597 14.7376 7.27476 13.9651 7.69885 13.4362C8.12288 12.9074 8.8953 12.8225 9.42424 13.2465C9.4354 13.2556 10.6149 14.1416 12.5153 14.1429C14.4157 14.1416 15.5707 13.2556 15.5819 13.2465C16.1109 12.8225 16.8833 12.9074 17.3073 13.4362C17.7314 13.9651 17.6464 14.7376 17.1176 15.1617Z" fill="#999999"/>
</svg>
</a>
</li>
<li class="right-item">
<a class="vk-logo-link footer-list-right-item vk-logo" href="#">
<!-- <img class="vk-logo-img" src="img/vk.svg" alt="ВК логотип"> -->
<svg class="vk-logo-img social-logo-img" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
<g clip-path="url(#clip0_370726_103)">
<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 0ZM18.8394 13.8548C19.4274 14.4172 20.0409 14.954 20.5521 15.593C20.7822 15.8742 21.0122 16.1554 21.1656 16.4877C21.3957 16.9478 21.1912 17.4591 20.7822 17.4846H18.226C17.5613 17.5358 17.0501 17.2801 16.59 16.82C16.2321 16.4622 15.8998 16.0787 15.5675 15.6953C15.4397 15.5419 15.2863 15.3885 15.1073 15.2863C14.7495 15.0562 14.4427 15.1329 14.2638 15.4908C14.0593 15.8742 14.0082 16.2832 13.9826 16.6922C13.957 17.3057 13.7781 17.4591 13.1646 17.4846C11.8609 17.5358 10.6339 17.3568 9.50919 16.6922C8.51226 16.1043 7.71983 15.3118 7.05521 14.3916C5.72597 12.6022 4.72903 10.6339 3.80879 8.61451C3.60429 8.15439 3.75767 7.92433 4.26891 7.89876C5.11247 7.8732 5.93046 7.8732 6.77402 7.89876C7.10633 7.89876 7.33639 8.10326 7.46421 8.41001C7.92433 9.50919 8.46114 10.5828 9.15132 11.5542C9.33026 11.8098 9.53475 12.0654 9.79038 12.2699C10.0971 12.4744 10.3016 12.3977 10.455 12.0654C10.5317 11.8609 10.5828 11.6309 10.6084 11.4008C10.6851 10.6339 10.6851 9.86707 10.5572 9.10019C10.4806 8.58895 10.2249 8.2822 9.73925 8.17995C9.48363 8.12883 9.53476 8.05214 9.637 7.89876C9.8415 7.6687 10.046 7.51533 10.4294 7.51533H13.318C13.7781 7.61758 13.8804 7.79652 13.9315 8.25664V11.4775C13.9315 11.6564 14.0082 12.1932 14.3405 12.2955C14.5961 12.3722 14.775 12.1677 14.9284 12.0143C15.6186 11.273 16.1043 10.4039 16.5644 9.50919C16.7689 9.10019 16.9223 8.6912 17.1012 8.2822C17.229 7.97545 17.408 7.82208 17.7658 7.82208H20.5521C20.6288 7.82208 20.7055 7.82208 20.8078 7.84764C21.2679 7.92433 21.3957 8.12883 21.2679 8.58895C21.0378 9.30469 20.6033 9.91819 20.1687 10.5061C19.7086 11.1452 19.1973 11.7587 18.7372 12.4233C18.2771 13.0368 18.3026 13.3435 18.8394 13.8548Z" fill="#999999"/>
</g>
<defs>
<clipPath id="clip0_370726_103">
<rect width="25" height="25" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
<div class="footer-logo-img">
</div>
</div>
</div>
</footer>
</body>
</html>