-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
542 lines (522 loc) · 38.9 KB
/
index.html
File metadata and controls
542 lines (522 loc) · 38.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="assets/bootrstrap/bootstrap-5.3.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/scss/normalize.css">
<link rel="stylesheet" href="assets/scss/style.css" />
</head>
<!--Блок Ксюши-->
<body>
<div class="container_k">
<header class="header">
<div class="header_logo">
<img src="./assets/image/logo.png" alt="logo" />
</div>
<nav>
<ul class="header_menu">
<li><a class="header_menu_link" href="#">Главная</a></li>
<li><a class="header_menu_link" href="#">Про гида</a></li>
<li><a class="header_menu_link" href="#">Программа тура</a></li>
<li><a class="header_menu_link" href="#">Стоимость</a></li>
<li><a class="header_menu_link" href="#">Блок</a></li>
<li><a class="header_menu_link" href="#">Контакты</a></li>
</ul>
</nav>
<button class="header_btn">Консультация</button>
</header>
<main class="main">
<section class="main_section">
<h1 class="main_section_title">
Насладись прогулкой в горах с командой единомышленников
</h1>
<section class="form_k">
<div class="form_k_container">
<div class="form_k_location">
<select name="location" id="location">
<option selected>Локация для тура</option>
<option value="1">Один</option>
<option value="2">Два</option>
<option value="3">Три</option>
</select>
<label for="location">выберите из списка</label>
</div>
<div class="form_k_date">
<input type="date" id="date" class="data_k">
<label for="date">дата похода</label>
</div>
<div class="form_k_member">
<select name="member" id="member">
<option selected>Участники</option>
<option value="1">4</option>
<option value="2">5</option>
<option value="3">6</option>
</select>
<label for="member">минимум 4 человека</label>
</div>
<button class="form_k_btn">Найти программу</button>
</div>
</section>
</section>
</div>
<!--конец блока Ксюши-->
<!--Блок Кати-->
<section class="e-outter-frame e-second">
<div class="e-inner-frame">
<div class="e-content-image">
<div class="hide-below-md e-small-image " style="top: 0px; left: 0px;">
<img src="./assets/image/mountain.jpeg" class="e-small-image" alt="горы" style="filter: contrast(95%)">
</div>
<div class="e-small-image" style="bottom: 0px; right: 0px;">
<img src="./assets/image/alpine_house.jpeg" class="e-small-image" alt="mountain_home"
style="filter: contrast(95%)">
<div class="e-play">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path
d="M8.24267 3.65572C7.96389 3.49647 7.64819 3.41323 7.32714 3.41432C7.00609 3.4154 6.69096 3.50078 6.41326 3.6619C6.13557 3.82302 5.90506 4.05424 5.74479 4.33242C5.58451 4.6106 5.5001 4.926 5.5 5.24705V16.7549C5.5001 17.0759 5.58451 17.3913 5.74479 17.6695C5.90506 17.9477 6.13557 18.1789 6.41326 18.34C6.69096 18.5012 7.00609 18.5865 7.32714 18.5876C7.64819 18.5887 7.96389 18.5055 8.24267 18.3462L18.3113 12.5914C18.5917 12.431 18.8248 12.1993 18.9869 11.9199C19.1489 11.6404 19.2343 11.3231 19.2343 11C19.2343 10.677 19.1489 10.3597 18.9869 10.0802C18.8248 9.80079 18.5917 9.56913 18.3113 9.40872L8.24267 3.65572Z"
fill="#1A3E3E" />
</svg>
</div>
</div>
</div>
<div class="e-content" style="margin-left: 2.5rem;">
<div class="e-content-header">
<h1 class="e-header e-h1">о нашем походе</h1>
<h2 class="e-h2">Исследуйте все горные массивы <br> мира вместе с нами</h2>
</div>
<div class="e-content-text">
<p>Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух
тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат
Вирджиния, взял одно из самых странных слов в Lorem Ipsum, "consectetur"и занялся его
поисками в классической латинской литературе.</p>
</div>
<button type="button" class="btn">Пограмма тура</button>
</div>
</div>
</section>
<section class="e-outter-frame e-bkg">
<div class="e-inner-frame">
<div class="e-content" style="margin-right: 2.5rem;">
<div class="e-content-header">
<h1 class="e-h1">наше предложение</h1>
<h2 class="e-h2">Лучшие программы для тебя</h2>
</div>
<div class="e-content-text">
<p>Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух
тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа</p>
</div>
<div class="e-content-point">
<div class="e-point-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
<g clip-path="url(#clip0_1_37)">
<path
d="M12.0345 24.9276H15.678V25.23H12.0345V24.9276ZM28.0395 24.9276H36.0001V25.23H28.0395V24.9276ZM27.8446 13.8785C28.1761 14.3344 28.4439 14.7347 28.6571 15.0913C28.726 13.9452 28.9244 13.2457 29.1207 12.8438V16.0015C29.223 16.2605 29.2964 16.5328 29.3004 16.8194C29.3007 17.0228 29.2609 17.2095 29.1814 17.3774C29.164 17.415 29.1427 17.4512 29.1207 17.4869V23.3885C29.1207 23.6191 29.2123 23.8402 29.3753 24.0033C29.5384 24.1663 29.7595 24.2579 29.9901 24.2579C30.2206 24.2579 30.4418 24.1663 30.6048 24.0033C30.7678 23.8402 30.8594 23.6191 30.8594 23.3885V17.0418H31.1852V23.3885C31.1852 23.6191 31.2768 23.8402 31.4398 24.0032C31.6028 24.1662 31.8239 24.2578 32.0545 24.2578C32.285 24.2578 32.5061 24.1662 32.6691 24.0032C32.8321 23.8402 32.9237 23.6191 32.9237 23.3885V16.2883C30.9405 14.1585 29.5848 11.808 29.2571 11.2165C29.1947 11.2373 29.1291 11.2637 29.0609 11.2981C28.6828 11.4855 28.2751 11.8956 27.9898 12.6226C27.8698 12.9257 27.7665 13.2862 27.6864 13.7172C27.7465 13.7632 27.7997 13.8175 27.8446 13.8785ZM27.5091 16.3365L27.5105 16.3966L27.5426 16.4034C27.5316 16.381 27.5204 16.3587 27.5091 16.3365Z"
fill="#45766A" />
<path
d="M30.4385 12.6932C31.046 13.6196 31.8962 14.7997 32.9236 15.9309V12.8455C32.9653 12.9309 33.0073 13.029 33.0488 13.1435C33.2469 13.6928 33.4136 14.5941 33.413 16.0005C33.413 16.3882 33.4006 16.8142 33.3732 17.2818C33.3687 17.3584 33.3799 17.435 33.4061 17.5071C33.4324 17.5792 33.4731 17.6451 33.5257 17.7009C33.5784 17.7567 33.6419 17.8011 33.7123 17.8314C33.7827 17.8617 33.8586 17.8773 33.9353 17.8772C34.0787 17.877 34.2166 17.8221 34.3209 17.7236C34.4252 17.6252 34.4879 17.4906 34.4963 17.3475C34.5231 16.899 34.537 16.4498 34.5379 16.0005C34.5351 13.8787 34.1963 12.7042 33.7339 11.998C33.5031 11.6477 33.2328 11.4227 32.9832 11.298C32.7339 11.1726 32.5148 11.1473 32.3903 11.1478L32.388 11.1479C32.3853 11.1478 32.383 11.147 32.3802 11.147H29.664C29.6608 11.147 29.6576 11.148 29.6545 11.148H29.6539C29.603 11.1482 29.5522 11.1519 29.5018 11.159C29.6579 11.4375 29.9781 11.9915 30.4385 12.6932Z"
fill="#45766A" />
<path
d="M31.022 10.7463C31.8957 10.7463 32.6039 10.038 32.6039 9.16439C32.6039 8.29075 31.8957 7.58252 31.022 7.58252C30.1484 7.58252 29.4402 8.29075 29.4402 9.16439C29.4402 10.038 30.1484 10.7463 31.022 10.7463Z"
fill="#45766A" />
<path
d="M4.76545 18.8765V33.0221C4.76545 33.8483 5.43523 34.5176 6.26094 34.5176C7.0869 34.5176 7.75669 33.8483 7.75669 33.0221V22.1023H8.31736V33.0221C8.31736 33.8483 8.98715 34.5176 9.81286 34.5176C10.6388 34.5176 11.3086 33.8483 11.3086 33.0221V14.8821C11.3893 15.0491 11.4612 15.2202 11.5239 15.3947C11.8648 16.3398 12.1516 17.8904 12.1506 20.3107C12.1506 20.9777 12.1291 21.7105 12.0824 22.5153C12.0512 23.0487 12.4585 23.5063 12.9922 23.5378C13.2484 23.5527 13.5001 23.4652 13.6918 23.2946C13.8835 23.124 13.9996 22.8842 14.0146 22.628C14.0635 21.7892 14.0862 21.0193 14.0862 20.3108C14.0813 16.6596 13.4982 14.6391 12.7031 13.424C12.3056 12.8208 11.8407 12.434 11.4113 12.2198C10.9951 12.01 10.6293 11.9637 10.4116 11.9615C10.3992 11.961 10.3866 11.9596 10.3738 11.9596H9.80597L9.50863 14.2844L8.32922 12.8631L9.14453 11.9596H6.92928L7.74459 12.8631L6.56517 14.2844L6.26784 11.9596H5.70027C5.6641 11.9596 5.62841 11.9621 5.59333 11.9662C5.16487 11.972 4.72468 11.9968 4.29828 12.0083C4.17755 12.0115 4.05731 12.0145 3.93973 12.0144C3.24902 12.0216 2.65036 11.9236 2.37238 11.7514C2.22855 11.666 2.15017 11.5878 2.07577 11.4533C2.00392 11.3178 1.93594 11.0979 1.93545 10.7245C1.93473 10.3213 2.02122 9.74855 2.24912 9.00195C2.32378 8.75641 2.29787 8.49127 2.17707 8.26483C2.05628 8.03839 1.85049 7.8692 1.60497 7.79447C1.59844 7.79241 1.59203 7.79145 1.5855 7.78963V5.26786C1.84981 4.84375 2.52419 4.08639 3.70228 4.78871C6.8942 6.69138 7.08932 2.24819 7.08932 2.24819C7.08932 2.24819 5.41588 3.17576 4.20622 2.08707C3.18237 1.16567 1.94235 1.68824 1.58538 1.87066V1.48224H1.1418V7.76991C0.968562 7.80288 0.807638 7.88258 0.676429 8.0004C0.545221 8.11822 0.448723 8.26967 0.397374 8.43837C0.132096 9.31283 0.000969233 10.0581 1.5072e-06 10.7243C-0.000482356 11.3344 0.115524 11.8884 0.366286 12.3608C0.741521 13.0793 1.40792 13.5099 2.0419 13.7068C2.68363 13.9117 3.3297 13.9475 3.93973 13.9496C3.97312 13.9496 4.00614 13.9488 4.03941 13.9486C4.28969 13.9464 4.53355 13.9386 4.76532 13.9294L4.76545 18.8765Z"
fill="#45766A" />
<path
d="M8.48077 11.2336C9.77292 11.0216 10.7586 9.90048 10.7586 8.54857C10.7586 7.04521 9.54018 5.82684 8.03682 5.82684C6.5337 5.82684 5.31509 7.04521 5.31509 8.54857C5.31509 9.90048 6.30096 11.0216 7.59288 11.2336C7.73743 11.2574 7.88562 11.2703 8.03682 11.2703C8.18803 11.2703 8.33633 11.2575 8.48077 11.2336ZM22.223 17.1173C22.101 15.8997 21.8281 15.1248 21.4882 14.6051C21.2574 14.2548 20.9871 14.0298 20.7376 13.9053C20.4881 13.7796 20.2691 13.7546 20.1444 13.7551H20.1442C20.1409 13.7551 20.138 13.7541 20.1347 13.7541H19.6504C19.8713 14.6864 19.9292 15.5452 19.9292 16.1876C19.9292 16.5744 19.9084 16.8825 19.8898 17.082V18.3735H17.6634V17.0837C17.6363 16.7858 17.6231 16.4868 17.6237 16.1877C17.6237 15.5452 17.6817 14.6865 17.9027 13.7542H17.4184C17.4152 13.7542 17.412 13.7552 17.4089 13.7552H17.4083C17.2838 13.7547 17.0645 13.7795 16.8153 13.9054C16.437 14.0928 16.0295 14.5031 15.7442 15.2299C15.4554 15.9597 15.2615 17.0146 15.2605 18.6077C15.2608 19.0195 15.2737 19.4672 15.3026 19.9549C15.311 20.098 15.3738 20.2325 15.478 20.3309C15.5823 20.4293 15.7202 20.4842 15.8635 20.4844C15.8747 20.4844 15.8858 20.4839 15.8971 20.4834C16.046 20.4747 16.1853 20.4071 16.2844 20.2956C16.3835 20.1842 16.4343 20.0379 16.4256 19.889C16.3996 19.4624 16.3863 19.0351 16.3856 18.6077C16.3831 16.9048 16.6313 15.9497 16.8754 15.4508V25.9958C16.8754 26.2264 16.967 26.4475 17.13 26.6105C17.293 26.7735 17.5141 26.8651 17.7447 26.8651C17.9752 26.8651 18.1963 26.7735 18.3593 26.6105C18.5224 26.4475 18.6139 26.2264 18.6139 25.9958V19.6491H18.9397V25.9958C18.9397 26.2264 19.0313 26.4475 19.1943 26.6106C19.3574 26.7736 19.5785 26.8652 19.8091 26.8652C20.0397 26.8652 20.2608 26.7736 20.4238 26.6106C20.5869 26.4475 20.6785 26.2264 20.6785 25.9958V15.4532C20.7201 15.5385 20.7621 15.6364 20.8034 15.7506C21.0017 16.3002 21.1683 17.2012 21.1678 18.608C21.1678 18.9954 21.1552 19.4215 21.1281 19.8892C21.1162 20.0941 21.2166 20.278 21.3747 20.3857C21.431 19.3377 21.5879 18.4955 21.8512 17.8295C21.963 17.5435 22.0904 17.3096 22.223 17.1173Z"
fill="#45766A" />
<path
d="M17.8344 16.1876C17.8344 16.5101 17.8493 16.7758 17.865 16.9674H19.688C19.7035 16.7758 19.7184 16.5101 19.7184 16.1876C19.7184 15.5464 19.6582 14.6844 19.4325 13.7541H18.1203C17.8946 14.6846 17.8344 15.5466 17.8344 16.1876Z"
fill="#45766A" />
<path
d="M18.7765 13.3536C19.6502 13.3536 20.3584 12.6453 20.3584 11.7717C20.3584 10.898 19.6502 10.1898 18.7765 10.1898C17.9029 10.1898 17.1947 10.898 17.1947 11.7717C17.1947 12.6453 17.9029 13.3536 18.7765 13.3536Z"
fill="#45766A" />
<path
d="M18.775 18.1039C18.9933 18.1039 19.1704 17.9269 19.1704 17.7085C19.1704 17.4901 18.9933 17.313 18.775 17.313C18.5566 17.313 18.3795 17.4901 18.3795 17.7085C18.3795 17.9269 18.5566 18.1039 18.775 18.1039Z"
fill="#45766A" />
<path
d="M24.2881 13.6251H26.4501C26.1707 13.1773 25.6751 12.8783 25.1082 12.8783C24.2346 12.8783 23.5264 13.5864 23.5264 14.46C23.5264 15.3338 24.2346 16.042 25.1082 16.042C25.6971 16.042 26.2099 15.7195 26.4822 15.2421H24.288V13.6251H24.2881Z"
fill="#45766A" />
<path
d="M25.6357 14.8671C25.8751 14.8671 26.0692 14.673 26.0692 14.4335C26.0692 14.1941 25.8751 14 25.6357 14C25.3962 14 25.2021 14.1941 25.2021 14.4335C25.2021 14.673 25.3962 14.8671 25.6357 14.8671Z"
fill="#45766A" />
<path
d="M29.0585 16.8226C29.0535 16.4619 28.9287 16.1174 28.7053 15.673C28.4787 15.231 28.1392 14.6951 27.649 14.0208C27.6056 13.9611 27.5508 13.9105 27.4878 13.8719C27.4248 13.8333 27.3548 13.8075 27.2818 13.796C27.2088 13.7845 27.1343 13.7875 27.0625 13.8048C26.9907 13.8221 26.9229 13.8534 26.8632 13.8969C26.8035 13.9403 26.7529 13.9951 26.7144 14.0581C26.6758 14.1211 26.6501 14.191 26.6386 14.264C26.627 14.3369 26.63 14.4114 26.6473 14.4832C26.6646 14.555 26.6959 14.6227 26.7393 14.6824C27.2077 15.3259 27.519 15.8229 27.704 16.1853C27.8226 16.4121 27.8849 16.5881 27.9137 16.6987C27.7538 16.6944 27.497 16.6453 27.2486 16.5864C27.1147 16.5554 26.9812 16.5229 26.8515 16.4962C26.7424 16.4744 26.6398 16.4553 26.5219 16.4483C26.5035 16.4463 26.4854 16.4426 26.4666 16.4426H23.7503C23.7471 16.4426 23.7441 16.4435 23.7408 16.4435H23.7402C23.6154 16.4431 23.3965 16.4681 23.1471 16.5938C22.769 16.7814 22.3614 17.1915 22.076 17.9182C21.7874 18.648 21.5935 19.7032 21.5925 21.2961C21.5925 21.7081 21.6058 22.1555 21.6345 22.6433C21.6432 22.7922 21.7107 22.9315 21.8222 23.0306C21.9336 23.1297 22.0799 23.1805 22.2288 23.1718C22.3777 23.1631 22.517 23.0956 22.6161 22.9842C22.7153 22.8727 22.7661 22.7265 22.7574 22.5776C22.7316 22.1509 22.7183 21.7235 22.7175 21.2961C22.7151 19.5934 22.9634 18.6386 23.2071 18.1394V28.6842C23.2071 29.1645 23.5964 29.5534 24.0764 29.5534C24.5564 29.5534 24.9457 29.1645 24.9457 28.6842V22.3377H25.2714V28.6842C25.2714 28.9147 25.363 29.1358 25.526 29.2988C25.689 29.4619 25.9101 29.5534 26.1407 29.5534C26.2549 29.5535 26.3679 29.531 26.4734 29.4873C26.5789 29.4437 26.6748 29.3796 26.7555 29.2989C26.8362 29.2182 26.9003 29.1224 26.944 29.0169C26.9877 28.9114 27.0102 28.7984 27.0102 28.6842V17.6855C27.0766 17.7009 27.1447 17.7162 27.2155 17.7313C27.444 17.7789 27.6875 17.8228 27.9448 17.824C28.1606 17.821 28.406 17.799 28.6582 17.6312C28.7894 17.541 28.8945 17.4178 28.9628 17.274C29.032 17.1275 29.0587 16.9713 29.0585 16.8226Z"
fill="#45766A" />
</g>
<defs>
<clipPath id="clip0_1_37">
<rect width="36" height="36" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="e-point-inner">
<div class="e-point-header">
Опытный гид
</div>
<div class="e-point-text">
Для современного мира базовый вектор развития предполагает независимые способы реализации
соответствующих условий активизации.
</div>
</div>
</div>
<div class="e-content-point">
<div class="e-point-icon" style="background-color: #e3e6ee;">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
<path
d="M32.4036 7.06108C32.3342 6.74833 32.2162 6.44843 32.0537 6.17233C32.0537 6.17233 28.151 0 17.9992 0C7.8505 0 3.94482 6.17233 3.94482 6.17233C3.80108 6.39885 3.6438 6.79844 3.59413 7.06108C3.59413 7.06108 2.83934 11.0638 4.08855 16.8012C5.23919 22.0758 8.41942 29.6365 17.0541 35.6997C17.3309 35.8948 17.6613 35.9996 18 35.9996C18.3387 35.9996 18.6691 35.8948 18.9459 35.6997C27.5776 29.6358 30.7593 22.0758 31.9092 16.8012C33.1622 11.0638 32.4036 7.06108 32.4036 7.06108ZM28.5822 16.0758C28.5499 16.227 28.51 16.385 28.4723 16.5401H17.9992V32.1741C11.2625 27.0613 8.57896 20.9793 7.5254 16.5401H17.9992V3.40524C25.2274 3.40524 28.446 7.04453 29.0842 7.87382C29.1895 8.6384 29.5176 11.79 28.5822 16.0758Z"
fill="#6276AA" />
</svg>
</div>
<div class="e-point-inner">
<div class="e-point-header">
Безопасный поход
</div>
<div class="e-point-text">
Для современного мира базовый вектор развития предполагает независимые способы реализации соответствующих
условий активизации.
</div>
</div>
</div>
<div class="e-content-point">
<div class="e-point-icon" style="background-color: #f3f1e1;">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
<path
d="M26.3006 9.44613L19.0547 4.83511V1.05469C19.0547 0.472219 18.5825 0 18 0C17.4175 0 16.9453 0.472219 16.9453 1.05469V4.83511L9.6994 9.44613C9.54971 9.54139 9.42647 9.67288 9.34109 9.82841C9.25571 9.98395 9.21094 10.1585 9.21094 10.3359V34.9453C9.21094 35.5278 9.68316 36 10.2656 36H25.7344C26.3168 36 26.7891 35.5278 26.7891 34.9453V10.3359C26.7891 9.97538 26.6048 9.63977 26.3006 9.44613ZM18 17.2969C16.0615 17.2969 14.4844 15.7198 14.4844 13.7812C14.4844 12.21 15.5205 10.8765 16.9453 10.4275V11.3203C16.9453 11.9028 17.4175 12.375 18 12.375C18.5825 12.375 19.0547 11.9028 19.0547 11.3203V10.4275C20.4795 10.8765 21.5156 12.21 21.5156 13.7812C21.5156 15.7198 19.9385 17.2969 18 17.2969Z"
fill="#F2BE22" />
</svg>
</div>
<div class="e-point-inner">
<div class="e-point-header">
Лояльные цены
</div>
<div class="e-point-text">
Для современного мира базовый вектор развития предполагает независимые способы
реализации
соответствующих условий активизации.
</div>
</div>
</div>
<button type="button" class="btn">Стоимость программ</button>
</div>
<div class="hide-below-md e-collage">
<img class="e-rounded-image1" alt="rectangle8" src="./assets/image/Rectangle8.jpg" style="grid-row: 1;
grid-column: 1; object-fit: cover;">
<img class="e-rounded-image2" alt="rectangle9" src="./assets/image/Rectangle9.jpg" style="grid-row: 1;
grid-column: 2; object-fit: cover;">
<img class="e-rounded-image2" alt="rectangle10" src="./assets/image/Rectangle10.jpg" style="grid-row: 2;
grid-column: 1; object-fit: cover;">
<img class="e-rounded-image1" alt="rectangle11" src="./assets/image/Rectangle11.jpg" style="grid-row: 2;
grid-column: 2; object-fit: cover;">
</div>
</div>
</section>
<!--Конец блока Кати-->
<!--Блок Гульназ-->
<p class="version">по версии отдыхающих</p>
<p class="popular">Популярные направления</p>
<div class="container">
<div class="card border-light mb-3">
<img class="flex-element" src="./assets/image/фоновоеизображение1.jpg" alt="Озеро возле горах">
<div class="kvadrat"></div>
<span class="rating-count">4.9</span>
<img class="rating" src="./assets/image/star.svg" alt="Рейтинг">
<div class="phone"></div>
<div class="text">Озеро возле гор</div>
<div class="text-two">романтическое приключение</div>
<div class="phone-two"></div>
<span class="money">480 $</span>
</div>
<div class="card border-light mb-3">
<img class="flex-element" src="./assets/image/фоновоеизображение2.jpg" alt="Ночь в горах">
<div class="kvadrat"></div>
<span class="rating-count">4.5</span>
<img class="rating" src="./assets/image/star.svg" alt="Рейтинг">
<div class="phone"></div>
<div class="text">Ночь в горах</div>
<div class="text-two">в компании друзей</div>
<div class="phone-two"></div>
<span class="money">500 $</span>
</div>
<div class="card border-light mb-3">
<img class="flex-element" src="./assets/image/фоновоеизображение3.jpg" alt="Йога в горах">
<div class="kvadrat"></div>
<span class="rating-count">5.0</span>
<img class="rating" src="./assets/image/star.svg" alt="Рейтинг">
<div class="phone"></div>
<div class="text">Йога в горах</div>
<div class="text-two">для тех,кто заботится о себе</div>
<div class="phone-two"></div>
<span class="money">230 $</span>
</div>
</div>
<!-- <div class="container-2">
<div class="row">
<img class="flex-element-2" src="./assets/image/Rectangle8.jpg" alt="Фото из путешествий">
<img class="flex-element-2" src="./assets/image/Rectangle9.jpg" alt="Фото из путешествий">
</div>
<div class="row">
<img class="flex-element-2" src="./assets/image/Rectangle10.jpg" alt="Фото из путешествий">
<img class="flex-element-2" src="./assets/image/Rectangle11.jpg" alt="Фото из путешествий">
</div>
</div> -->
<!--Конец блока Гульназ-->
<!-- Блог Полина-->
<section class="blog">
<h2 class="blog__header">Блог о путешествиях</h2>
<span class="blog__subheader subheader">делимся впечатлениями</span>
<div class="blog__wrapper">
<article class="blog__news news">
<img src="assets/image/italy.jpg" alt="" class="news__img" />
<div class="news__wrapper">
<h3 class="news__header">
Красивая Италия, какая она в реальности?
</h3>
<p class="news__text">
Для современного мира базовый вектор развития
предполагает независимые способы реализации
соответствующих условий активизации.
</p>
<div class="news__info">
<time class="news__date" datetime="2023-04-01">01/04/2023</time>
<a href="#" class="news__link">читать статью</a>
</div>
</div>
</article>
<article class="blog__news news">
<img src="assets/image/world.jpg" alt="" class="news__img" />
<div class="news__wrapper">
<h3 class="news__header">
Долой сомнения! Весь мир открыт для вас!
</h3>
<p class="news__text">
Для современного мира базовый вектор развития
</p>
<div class="news__info">
<time class="news__date" datetime="2023-04-01">01/04/2023</time>
<a href="#" class="news__link">читать статью</a>
</div>
</div>
</article>
<article class="blog__news news">
<img src="assets/image/single.jpg" alt="" class="news__img" />
<div class="news__wrapper">
<h3 class="news__header">
Как подготовиться к путешествию в одиночку?
</h3>
<p class="news__text">
Для современного мира базовый вектор развития
предполагает.
</p>
<div class="news__info">
<time class="news__date" datetime="2023-04-01">01/04/2023</time>
<a href="#" class="news__link">читать статью</a>
</div>
</div>
</article>
<article class="blog__news news">
<img src="assets/image/india.jpg" alt="" class="news__img" />
<div class="news__wrapper">
<h3 class="news__header">Индия ... летим?</h3>
<p class="news__text">
Для современного мира базовый.
</p>
<div class="news__info">
<time class="news__date" datetime="2023-04-01">01/04/2023</time>
<a href="#" class="news__link">читать статью</a>
</div>
</div>
</article>
</div>
<button class="blog__btn">Другие материалы</button>
</section>
<!-- Конец Блог Полина-->
<!-- Делимся впечатлениями Полина-->
<section class="impressions">
<h2 class="impressions__header">Делимся впечатлениями</h2>
<span class="impressions__subheader subheader">фото-отчет</span>
<div class="impressions__wrapper">
<img src="assets/image/impressions_1.jpg" alt="" class="impressions__img impressions__img1" />
<img src="assets/image/impressions_2.jpg" alt="" class="impressions__img" /><img
src="assets/image/impressions_3.jpg" alt="" class="impressions__img" />
<img src="assets/image/impressions_4.jpg" alt="" class="impressions__img" /><img
src="assets/image/impressions_5.jpg" alt="" class="impressions__img impressions__img5" />
<img src="assets/image/impressions_6.jpg" alt="" class="impressions__img" />
</div>
<button class="impressions__btn">Наш pinterest</button>
</section>
<!-- Конец Делимся впечатлениями Полина-->
<!--Начало блока Софии (форма)-->
<div class="forms">
<div class="actual">
<div class="blocktopically">
<p class="topically">актуально</p>
</div>
<div class="blocktake">
<p class="take">
<b>Получайте полезные рассылки о путешествиях</b>
</p>
</div>
</div>
<div class="gmail">
<p class="command">Введите e-mail адрес</p>
<div class="input-group">
<input type="text" class="form-control" placeholder="name@domain.com" aria-label="name@domain.com"
aria-describedby="basic-addon1" />
</div>
<button type="button" class="btn">Подписаться на новости</button>
<p class="subscribe">
подписываясь на новости, вы автоматически соглашаетесь с условиями
обработки персональных данных и правилами рекламных рассылок
</p>
</div>
</div>
<!--Блок для адаптации-->
<div class="forms__second">
<div class="actual">
<div class="blocktopically">
<p class="topically">фото-отчет</p>
</div>
<div class="blocktake">
<p class="take">
<b>Делимся впечатлениями</b>
</p>
</div>
</div>
<div class="gmail">
<p class="command">Введите e-mail адрес</p>
<div class="input-group">
<input type="text" class="form-control" placeholder="name@domain.com" aria-label="name@domain.com"
aria-describedby="basic-addon1" />
</div>
<button type="button" class="btn">Подписаться на новости</button>
<p class="subscribe">
подписываясь на новости, вы автоматически соглашаетесь с условиями
обработки персональных данных и правилами рекламных рассылок
</p>
</div>
</div>
<!--Конец блока Софии (форма)-->
</main>
<!--Начало блока Софии (футер)-->
<footer class="footer">
<div class="firstblock">
<h2 class="name">Компания «РумТибет»</h2>
<p class="texts">
Его корни уходят в один фрагмент классической латыни 45 года н.э., то
есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни
из колледжа Hampden-Sydney.
</p>
<div class="contacts">
<p class="info"><a href="#">info@domain.com</a></p>
<p class="number"><a href="#">+7 (123) 456-78-90</a></p>
</div>
<div class="socialmedia">
<div class="telegram">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M16 2.66675C8.63999 2.66675 2.66666 8.64008 2.66666 16.0001C2.66666 23.3601 8.63999 29.3334 16 29.3334C23.36 29.3334 29.3333 23.3601 29.3333 16.0001C29.3333 8.64008 23.36 2.66675 16 2.66675ZM22.1867 11.7334C21.9867 13.8401 21.12 18.9601 20.68 21.3201C20.4933 22.3201 20.12 22.6534 19.7733 22.6934C19 22.7601 18.4133 22.1868 17.6667 21.6934C16.4933 20.9201 15.8267 20.4401 14.6933 19.6934C13.3733 18.8268 14.2267 18.3468 14.9867 17.5734C15.1867 17.3734 18.6 14.2668 18.6667 13.9867C18.6759 13.9443 18.6747 13.9003 18.6631 13.8585C18.6515 13.8167 18.6298 13.7783 18.6 13.7468C18.52 13.6801 18.4133 13.7067 18.32 13.7201C18.2 13.7467 16.3333 14.9868 12.6933 17.4401C12.16 17.8001 11.68 17.9868 11.2533 17.9734C10.7733 17.9601 9.86666 17.7068 9.18666 17.4801C8.34666 17.2134 7.69332 17.0668 7.74666 16.6001C7.77332 16.3601 8.10666 16.1201 8.73332 15.8668C12.6267 14.1734 15.2133 13.0534 16.5067 12.5201C20.2133 10.9734 20.9733 10.7067 21.48 10.7067C21.5867 10.7067 21.84 10.7334 22 10.8667C22.1333 10.9734 22.1733 11.1201 22.1867 11.2268C22.1733 11.3068 22.2 11.5468 22.1867 11.7334Z"
fill="white" />
</svg></a>
</div>
<div class="vk">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M16.36 2.99976C8.98138 2.99976 3 8.98114 3 16.3598C3 23.7384 8.98138 29.7198 16.36 29.7198C23.7386 29.7198 29.72 23.7384 29.72 16.3598C29.72 8.98114 23.7386 2.99976 16.36 2.99976ZM21.498 18.0729C21.498 18.0729 22.6796 19.2391 22.9704 19.7805C22.9788 19.7916 22.9829 19.8027 22.9857 19.8083C23.104 20.0073 23.1318 20.1618 23.0734 20.2773C22.976 20.4693 22.642 20.564 22.5279 20.5723H20.4404C20.2956 20.5723 19.9922 20.5348 19.6248 20.2815C19.3423 20.0839 19.064 19.7596 18.7926 19.4437C18.3877 18.9733 18.037 18.5669 17.6835 18.5669C17.6386 18.5669 17.594 18.5739 17.5513 18.5878C17.2841 18.6741 16.9417 19.0554 16.9417 20.0713C16.9417 20.3886 16.6912 20.5709 16.5145 20.5709H15.5584C15.2327 20.5709 13.5363 20.4568 12.0333 18.8717C10.1935 16.9303 8.53744 13.0365 8.52352 13.0003C8.41915 12.7484 8.63486 12.6134 8.87005 12.6134H10.9784C11.2595 12.6134 11.3514 12.7846 11.4154 12.9363C11.4906 13.113 11.7661 13.8158 12.2184 14.6063C12.9518 15.8949 13.4013 16.4182 13.7618 16.4182C13.8293 16.4174 13.8957 16.4002 13.9552 16.3681C14.4256 16.1065 14.3379 14.4295 14.317 14.0816C14.317 14.0162 14.3156 13.3315 14.0749 13.0031C13.9023 12.7651 13.6087 12.6746 13.4305 12.6412C13.5026 12.5417 13.5976 12.4611 13.7075 12.406C14.0303 12.2446 14.6121 12.2209 15.1896 12.2209H15.5111C16.1373 12.2293 16.2988 12.2696 16.5256 12.3267C16.9849 12.4366 16.9946 12.7331 16.9542 13.7476C16.9417 14.0357 16.9292 14.3613 16.9292 14.7454C16.9292 14.8289 16.925 14.918 16.925 15.0126C16.9111 15.5289 16.8944 16.1148 17.259 16.3556C17.3066 16.3854 17.3615 16.4013 17.4177 16.4015C17.5443 16.4015 17.9256 16.4015 18.9582 14.6299C19.2767 14.0597 19.5534 13.4671 19.7863 12.8569C19.8072 12.8207 19.8684 12.7094 19.9408 12.6663C19.9942 12.639 20.0534 12.6252 20.1133 12.6259H22.5919C22.8619 12.6259 23.047 12.6663 23.0817 12.7706C23.143 12.9363 23.0706 13.4414 21.9392 14.9737L21.434 15.6403C20.4084 16.9846 20.4084 17.0528 21.498 18.0729Z"
fill="white" />
</svg></a>
</div>
<div class="pinterest">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M12.0533 28.7201C13.3333 29.1068 14.6267 29.3334 16 29.3334C19.5362 29.3334 22.9276 27.9287 25.4281 25.4282C27.9286 22.9277 29.3333 19.5363 29.3333 16.0001C29.3333 14.2491 28.9885 12.5153 28.3184 10.8976C27.6483 9.27996 26.6662 7.81011 25.4281 6.57199C24.19 5.33388 22.7201 4.35175 21.1025 3.68169C19.4848 3.01163 17.751 2.66675 16 2.66675C14.249 2.66675 12.5152 3.01163 10.8976 3.68169C9.27989 4.35175 7.81003 5.33388 6.57192 6.57199C4.07143 9.07248 2.66667 12.4639 2.66667 16.0001C2.66667 21.6668 6.22667 26.5334 11.2533 28.4534C11.1333 27.4134 11.0133 25.6934 11.2533 24.5068L12.7867 17.9201C12.7867 17.9201 12.4 17.1468 12.4 15.9201C12.4 14.0801 13.5467 12.7067 14.8533 12.7067C16 12.7067 16.5333 13.5468 16.5333 14.6268C16.5333 15.7734 15.7733 17.4134 15.3867 18.9868C15.16 20.2934 16.08 21.4401 17.4133 21.4401C19.7867 21.4401 21.6267 18.9068 21.6267 15.3334C21.6267 12.1334 19.3333 9.94675 16.04 9.94675C12.28 9.94675 10.0667 12.7468 10.0667 15.6934C10.0667 16.8401 10.44 18.0001 11.0533 18.7601C11.1733 18.8401 11.1733 18.9468 11.1333 19.1468L10.7467 20.6001C10.7467 20.8268 10.6 20.9068 10.3733 20.7468C8.66667 20.0001 7.68001 17.5734 7.68001 15.6134C7.68001 11.4001 10.6667 7.57342 16.4267 7.57342C21.0133 7.57342 24.5867 10.8667 24.5867 15.2401C24.5867 19.8268 21.7467 23.5068 17.68 23.5068C16.3867 23.5068 15.12 22.8134 14.6667 22.0001L13.7733 25.1601C13.4667 26.3068 12.6267 27.8401 12.0533 28.7601V28.7201Z"
fill="white" />
</svg></a>
</div>
<div class="skype">
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path
d="M24 8C26.76 10.72 27.8 14.52 27.1467 18.0667C27.6933 19.0267 28 20.1467 28 21.3333C28 23.1014 27.2976 24.7971 26.0474 26.0474C24.7971 27.2976 23.1014 28 21.3333 28C20.1467 28 19.0267 27.6933 18.0667 27.1467C14.52 27.8 10.72 26.76 8 24C5.24 21.28 4.2 17.48 4.85333 13.9333C4.30667 12.9733 4 11.8533 4 10.6667C4 8.89856 4.70238 7.20286 5.95262 5.95262C7.20286 4.70238 8.89856 4 10.6667 4C11.8533 4 12.9733 4.30667 13.9333 4.85333C17.48 4.2 21.28 5.24 24 8ZM16.0533 22.88C19.88 22.88 21.7867 21.04 21.7867 18.56C21.7867 16.9733 21.04 15.28 18.1467 14.6267L15.4933 14.04C14.48 13.8133 13.3333 13.5067 13.3333 12.56C13.3333 11.6 14.1333 10.9333 15.6 10.9333C18.5733 10.9333 18.2933 12.9733 19.7733 12.9733C20.5467 12.9733 21.2133 12.52 21.2133 11.7333C21.2133 9.90667 18.2933 8.53333 15.8133 8.53333C13.1333 8.53333 10.2667 9.68 10.2667 12.72C10.2667 14.1867 10.7867 15.7467 13.6667 16.4667L17.2533 17.3733C18.3333 17.64 18.6 18.24 18.6 18.8C18.6 19.7067 17.6933 20.6 16.0533 20.6C12.84 20.6 13.28 18.1333 11.56 18.1333C10.7867 18.1333 10.2267 18.6667 10.2267 19.4267C10.2267 20.9067 12 22.88 16.0533 22.88Z"
fill="white" />
</svg></a>
</div>
</div>
</div>
<div class="secondblock">
<h2 class="name">Наши услуги</h2>
<div class="block-list-group">
<ul class="list-group">
<div>
<li class="list list-one">
<a href="#">> Прогулки в горы летом</a>
</li>
</div>
<div>
<li class="list list-two">
<a href="#">> Зимние походы в горы</a>
</li>
</div>
<div>
<li class="list list-two">
<a href="#">> Посещение храмов в горах</a>
</li>
</div>
<div>
<li class="list list-two">
<a href="#">> Экстремальные виды туризма</a>
</li>
</div>
<div style="width: 17.5rem">
<li class="list list-two" style="width: 17.5rem; display: flex">
<div>
<a href="#">> Походы в джунглях Амазонии</a>
</div>
<div class="new">NEW</div>
</li>
</div>
<div>
<li class="list list-two"><a href="#">> Поездка в Африку</a></li>
</div>
</ul>
</div>
</div>
<div class="thirdblock">
<h2 class="name">Важно для путешествий</h2>
<ul class="list-group">
<li class="list list-one">
<a href="#">> Как собрать в долгий поход?</a>
</li>
<li class="list list-two">
<a href="#">
> Жизненно важные предметы для <br />
похода</a>
</li>
<li class="list list-two">
<a href="#">
> Медицинская страховка, гарантии <br />
безопасности</a>
</li>
<li class="list list-two">
<a href="#">> Если вы врач - загляните сюда</a>
</li>
</ul>
</div>
<div class="secondfooter">
<div class="secondfooterblock">
<div class="ip">
<p>ИП Константинопольский К.К., 2023</p>
</div>
<div>
<p class="policy">
<a href="#">Политика обработки персональных данных</a>
</p>
</div>
</div>
</div>
</footer>
<!--Конец блока Софии (футер)-->
<link rel="stylesheet" href="assets/bootrstrap/bootstrap-5.3.1-dist/js/bootstrap.min.js">
</body>
</html>