-
Notifications
You must be signed in to change notification settings - Fork 1
/
ui.html
107 lines (105 loc) · 11.6 KB
/
ui.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/local/css/swiper.min.css">
<link rel="stylesheet" href="/local/css/layout.css">
<link rel="stylesheet" href="/local/css/style.css">
<title>Document</title>
</head>
<body>
<div class="dropdown">
<div class="dropdown_text">О Нас</div>
<div class="dropdown_svg">
<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="dropdown_svg-center" d="M4 6L0.535898 0H7.4641L4 6Z" fill="#50616B"/>
</svg>
</div>
</div>
<div class="icon_social">
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon_social-center" fill-rule="evenodd" clip-rule="evenodd" d="M8.83383 11.9246H9.92517C9.92517 11.9246 10.2526 11.8611 10.4163 11.6708C10.58 11.4806 10.58 11.1 10.58 11.1C10.58 11.1 10.58 9.45085 11.2348 9.19714C11.8896 8.94342 12.7627 10.8463 13.6357 11.544C14.2906 12.1148 14.7817 11.988 14.7817 11.988L17.1826 11.9246C17.1826 11.9246 18.4377 11.8611 17.8374 10.656C17.7829 10.5926 17.51 9.83142 16.0367 8.24571C14.5088 6.59657 14.7271 6.91371 16.5278 4.05942C17.6192 2.34685 18.0557 1.332 17.9466 0.82457C17.8374 0.380571 17.0189 0.507428 17.0189 0.507428H14.2906C14.2906 0.507428 14.0723 0.443999 13.9632 0.570856C13.7994 0.697713 13.7449 0.887999 13.7449 0.887999C13.7449 0.887999 13.3083 2.22 12.7627 3.36171C11.5622 5.70857 11.0711 5.83542 10.9074 5.70857C10.4708 5.39142 10.58 4.31314 10.58 3.61542C10.58 1.332 10.9074 0.38057 9.97974 0.126856C9.70691 0.0634278 9.48864 0 8.7247 0C7.74249 0 6.92398 -2.45741e-07 6.48744 0.253714C6.16004 0.443999 5.94177 0.82457 6.10547 0.82457C6.26917 0.82457 6.70571 0.951428 6.92398 1.26857C7.14225 1.83943 7.14225 2.79085 7.14225 2.79085C7.14225 2.79085 7.30595 5.51828 6.76027 5.83542C6.3783 6.08914 5.8872 5.58171 4.79585 3.42514C4.25018 2.34685 3.81364 1.07828 3.81364 1.07828C3.81364 1.07828 3.75908 0.824571 3.59538 0.697714C3.43167 0.570857 3.15884 0.507428 3.15884 0.507428H0.594177C0.594177 0.507428 0.212206 0.507428 0.0485042 0.697714C-0.0606303 0.888 0.0485042 1.20514 0.0485042 1.20514C0.0485042 1.20514 2.06749 6.65999 4.35932 9.45085C6.48744 12.1148 8.83383 11.9246 8.83383 11.9246Z" fill="#50616B"/>
</svg>
</div>
<div class="icon_social">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon_social-center" d="M11.0389 0H5.01768C2.24692 0 0 2.24692 0 5.01768V11.0389C0 13.8097 2.24692 16.0566 5.01768 16.0566H11.0389C13.8097 16.0566 16.0566 13.8097 16.0566 11.0389V5.01768C16.0566 2.24692 13.8097 0 11.0389 0ZM14.5513 11.0389C14.5513 12.9757 12.9757 14.5513 11.0389 14.5513H5.01768C3.08086 14.5513 1.50531 12.9757 1.50531 11.0389V5.01768C1.50531 3.08086 3.08086 1.50531 5.01768 1.50531H11.0389C12.9757 1.50531 14.5513 3.08086 14.5513 5.01768V11.0389Z" fill="#50616B"/>
<path class="icon_social-center" d="M8.02782 4.01367C5.81101 4.01367 4.01367 5.81101 4.01367 8.02782C4.01367 10.2446 5.81101 12.042 8.02782 12.042C10.2446 12.042 12.042 10.2446 12.042 8.02782C12.042 5.81101 10.2446 4.01367 8.02782 4.01367ZM8.02782 10.5367C6.64495 10.5367 5.51898 9.41069 5.51898 8.02782C5.51898 6.64394 6.64495 5.51898 8.02782 5.51898C9.41069 5.51898 10.5367 6.64394 10.5367 8.02782C10.5367 9.41069 9.41069 10.5367 8.02782 10.5367Z" fill="#50616B"/>
<path class="icon_social-center" d="M12.3435 4.2475C12.6389 4.2475 12.8784 4.00803 12.8784 3.71262C12.8784 3.41721 12.6389 3.17773 12.3435 3.17773C12.0481 3.17773 11.8086 3.41721 11.8086 3.71262C11.8086 4.00803 12.0481 4.2475 12.3435 4.2475Z" fill="#50616B"/>
</svg>
</div>
<div class="icon_phone js-phonecoll">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="13" cy="13" r="12.5" stroke="black" stroke-opacity="0.1"/>
<path class="icon_contact" d="M11.9191 14.0268C12.7309 14.8503 13.7131 15.4861 14.7969 15.8896L16.263 14.7229C16.3064 14.693 16.358 14.677 16.4108 14.677C16.4635 14.677 16.5151 14.693 16.5585 14.7229L19.2808 16.4768C19.3841 16.5389 19.4716 16.6243 19.5363 16.726C19.601 16.8278 19.6412 16.9432 19.6536 17.0631C19.6661 17.1831 19.6505 17.3042 19.608 17.4171C19.5656 17.53 19.4975 17.6314 19.4091 17.7135L18.1335 18.9735C17.9509 19.154 17.7263 19.2864 17.48 19.359C17.2337 19.4316 16.9732 19.4421 16.7219 19.3896C14.2144 18.8717 11.9032 17.6588 10.0524 15.8896C8.24272 14.1027 6.99042 11.8291 6.44742 9.34459C6.39378 9.09711 6.40498 8.83998 6.47993 8.5981C6.55487 8.35623 6.69103 8.13782 6.8752 7.96403L8.19742 6.68848C8.27925 6.60439 8.37903 6.53991 8.4893 6.49986C8.59958 6.4598 8.71748 6.44521 8.83419 6.45718C8.95091 6.46915 9.0634 6.50737 9.16324 6.56898C9.26309 6.63058 9.34771 6.71398 9.41076 6.81292L11.223 9.50014C11.2542 9.54234 11.2711 9.59346 11.2711 9.64598C11.2711 9.69849 11.2542 9.74961 11.223 9.79181L10.0291 11.2268C10.4435 12.2888 11.0891 13.2453 11.9191 14.0268Z" fill="#50616B"/>
</svg>
<a href="tel:89884889898">
8 (988) 488-98-98
</a>
</div>
<div class="button">Забронировать номер</div>
<div class="button filled">Забронировать номер</div>
<div class="arrow">
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="arrow_center" d="M15.5303 6.53033C15.8232 6.23744 15.8232 5.76256 15.5303 5.46967L10.7574 0.6967C10.4645 0.403807 9.98959 0.403807 9.6967 0.6967C9.40381 0.989593 9.40381 1.46447 9.6967 1.75736L13.9393 6L9.6967 10.2426C9.40381 10.5355 9.40381 11.0104 9.6967 11.3033C9.98959 11.5962 10.4645 11.5962 10.7574 11.3033L15.5303 6.53033ZM-6.55671e-08 6.75L15 6.75L15 5.25L6.55671e-08 5.25L-6.55671e-08 6.75Z" fill="#900E0E"/>
</svg>
</div>
<div class="button_rooms">2-х местные</div>
<div class="conveniences">
<svg class="conveniences_icon" z-index="2" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="19.5" stroke="#4F616B" stroke-opacity="0.1"/>
<path d="M26.9957 31.4511H12.9499C11.5888 31.4511 10.5 30.3448 10.5 28.9618V9.48937C10.5 8.10639 11.5888 7 12.9499 7H26.9957C28.3567 7 29.4456 8.10639 29.4456 9.48937V28.9618C29.4456 30.3448 28.3567 31.4511 26.9957 31.4511ZM12.9499 8.10639C12.1877 8.10639 11.5888 8.7149 11.5888 9.48937V28.9618C11.5888 29.7362 12.1877 30.3448 12.9499 30.3448H26.9957C27.7579 30.3448 28.3567 29.7362 28.3567 28.9618V9.48937C28.3567 8.7149 27.7579 8.10639 26.9957 8.10639H12.9499Z" fill="#4F616B"/>
<path d="M28.9011 16.6259H11.0444C10.7178 16.6259 10.5 16.4046 10.5 16.0727C10.5 15.7408 10.7178 15.5195 11.0444 15.5195H28.9556C29.2822 15.5195 29.5 15.7408 29.5 16.0727C29.5 16.4046 29.2278 16.6259 28.9011 16.6259Z" fill="#4F616B"/>
<path d="M13.5483 12.5869C13.2217 12.5869 13.0039 12.3656 13.0039 12.0337V11.0932C13.0039 10.7613 13.2217 10.54 13.5483 10.54C13.875 10.54 14.0927 10.7613 14.0927 11.0932V12.089C14.0927 12.3656 13.875 12.5869 13.5483 12.5869Z" fill="#4F616B"/>
<path d="M13.5483 20.276C13.2217 20.276 13.0039 20.0547 13.0039 19.7228V18.727C13.0039 18.3951 13.2217 18.1738 13.5483 18.1738C13.875 18.1738 14.0927 18.3951 14.0927 18.727V19.7228C14.0927 19.9994 13.875 20.276 13.5483 20.276Z" fill="#4F616B"/>
<path d="M13.9302 32.9991C13.6035 32.9991 13.3857 32.7778 13.3857 32.4459V30.8969C13.3857 30.565 13.6035 30.3438 13.9302 30.3438C14.2568 30.3438 14.4746 30.565 14.4746 30.8969V32.4459C14.4746 32.7778 14.2568 32.9991 13.9302 32.9991Z" fill="#4F616B"/>
<path d="M26.0161 32.9991C25.6894 32.9991 25.4717 32.7778 25.4717 32.4459V30.8969C25.4717 30.565 25.6894 30.3438 26.0161 30.3438C26.3427 30.3438 26.5605 30.565 26.5605 30.8969V32.4459C26.5605 32.7778 26.3427 32.9991 26.0161 32.9991Z" fill="#4F616B"/>
</svg>
<div class="conveniences_hide">
Холодильник
</div>
</div>
<div class="button_circle">
<div class="button_close">
<span class="button_bord"></span>
<span class="button_bord"></span>
</div>
</div>
<div class="conveniences big">
<div class="conveniences_text">Холодильник</div>
<svg class="conveniences_icon big" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="19.5" stroke="#4F616B" stroke-opacity="0.1"/>
<path class="svg_center" d="M26.9957 31.4511H12.9499C11.5888 31.4511 10.5 30.3448 10.5 28.9618V9.48937C10.5 8.10639 11.5888 7 12.9499 7H26.9957C28.3567 7 29.4456 8.10639 29.4456 9.48937V28.9618C29.4456 30.3448 28.3567 31.4511 26.9957 31.4511ZM12.9499 8.10639C12.1877 8.10639 11.5888 8.7149 11.5888 9.48937V28.9618C11.5888 29.7362 12.1877 30.3448 12.9499 30.3448H26.9957C27.7579 30.3448 28.3567 29.7362 28.3567 28.9618V9.48937C28.3567 8.7149 27.7579 8.10639 26.9957 8.10639H12.9499Z" fill="#4F616B"/>
<path class="svg_center" d="M28.9011 16.6259H11.0444C10.7178 16.6259 10.5 16.4046 10.5 16.0727C10.5 15.7408 10.7178 15.5195 11.0444 15.5195H28.9556C29.2822 15.5195 29.5 15.7408 29.5 16.0727C29.5 16.4046 29.2278 16.6259 28.9011 16.6259Z" fill="#4F616B"/>
<path class="svg_center" d="M13.5483 12.5869C13.2217 12.5869 13.0039 12.3656 13.0039 12.0337V11.0932C13.0039 10.7613 13.2217 10.54 13.5483 10.54C13.875 10.54 14.0927 10.7613 14.0927 11.0932V12.089C14.0927 12.3656 13.875 12.5869 13.5483 12.5869Z" fill="#4F616B"/>
<path class="svg_center" d="M13.5483 20.276C13.2217 20.276 13.0039 20.0547 13.0039 19.7228V18.727C13.0039 18.3951 13.2217 18.1738 13.5483 18.1738C13.875 18.1738 14.0927 18.3951 14.0927 18.727V19.7228C14.0927 19.9994 13.875 20.276 13.5483 20.276Z" fill="#4F616B"/>
<path class="svg_center" d="M13.9302 32.9991C13.6035 32.9991 13.3857 32.7778 13.3857 32.4459V30.8969C13.3857 30.565 13.6035 30.3438 13.9302 30.3438C14.2568 30.3438 14.4746 30.565 14.4746 30.8969V32.4459C14.4746 32.7778 14.2568 32.9991 13.9302 32.9991Z" fill="#4F616B"/>
<path class="svg_center" d="M26.0161 32.9991C25.6894 32.9991 25.4717 32.7778 25.4717 32.4459V30.8969C25.4717 30.565 25.6894 30.3438 26.0161 30.3438C26.3427 30.3438 26.5605 30.565 26.5605 30.8969V32.4459C26.5605 32.7778 26.3427 32.9991 26.0161 32.9991Z" fill="#4F616B"/>
</svg>
</div>
<div class="popup">
<div class="popup_wrapper">
<h2 class="popup_title title">Заказать обратный звонок</h2>
<div class="popup_form">
<form class="form" action="/html/tags/html_form_tag_action.cfm" target="_blank" method="get" id="customer_name">
<p>
<label>
Имя<br> <input type="text" name="first_name" maxlength="100">
<div class="form_text">Иванов Иван</div>
</label>
</p>
<p>
<label>
Телефон <br> <input type="text" name="last_name" maxlength="100">
<div class="form_text">+7 (999) 588-88-88</div>
</label>
</p>
<input type="submit" value="Submit">
</form>
</div>
</div>
</div>
</body>
</html>