This repository has been archived by the owner on Apr 14, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhotels.html
152 lines (146 loc) · 7 KB
/
hotels.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Седона Hotels</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="main-header">
<nav class="main-navigation">
<ul class="main-header-menu">
<li>
<a class="main-header-menu-link" href="#">Информация</a>
</li>
<li>
<a class="main-header-menu-link" href="#">Фото и видео</a>
</li>
<li>
<a class="main-navigation-header-logo">
<img src="img/logo-main-header.png" width="138" height="70" alt="Логотип сайта Седона">
</a>
</li>
<li>
<a class="main-header-menu-link" href="#">Карта штата</a>
</li>
<li>
<a class="main-header-menu-link" href="hotels.html">Гостиницы</a>
</li>
</ul>
</nav>
</header>
<main class="container">
<h1 class="visually-hidden">СЕДОНА Hotels</h1>
<section class="hotel-options">
<h2 class="visually-hidden">Фильтр выбора Гостиницы</h2>
<form action="https://echo.htmlacademy.ru" method="GET">
<div class="hotel-options-list">
<h2 class="hotel-options-title">Инфраструктура</h2>
<input type="checkbox" name="pool" id="pool">
<label class="hotel-options-item" for="pool">Бассейн</label>
<input type="checkbox" name="park" id="park">
<label class="hotel-options-item" for="park">Парковка</label>
<input type="checkbox" name="wifi" id="wifi">
<label class="hotel-options-item" for="wifi">WI-FI</label>
</div>
<div class="hotel-options-list">
<h2 class="hotel-options-title">Тип жилья</h2>
<input type="checkbox" name="hotel" id="hotel">
<label class="hotel-options-item" for="hotel">Гостиница</label>
<input type="checkbox" name="motel" id="motel">
<label class="hotel-options-item" for="motel">Мотель</label>
<input type="checkbox" name="appartment" id="appartment">
<label class="hotel-options-item" for="appartment">Аппартаменты</label>
</div>
<div class="hotel-options-price">
<div class="hotel-options-price-range">
<input type="text" name="price-min" id="price-min">
<label class="hotel-options-price-range-item" for="price-min"></label>
<input type="text" name="price-max" id="price-max">
<label class="hotel-options-price-range-item" for="price-max"></label>
</div>
<div class="hotel-options-range-controls">
<div class="hotel-options-scale">
<div class="hotel-options-line"></div>
</div>
<div class="hotel-options-toggle toggle-min"></div>
<div class="hotel-options-toggle toggle-max"></div>
</div>
<div class="hotel-options-price-controls">
<span class="min-price">от 0</span>
<span class="max-price">до 3000</span>
</div>
</div>
<input type="submit" value="Показать">
</form>
</section>
<div class="sorting-bar">
<b class="sorting-bar-result">Найдено: 3</b>
<h3 class="sorting-bar-title">Сортировка:</h3>
<span><a class="sorting-bar-type" href="#">По цене</a></span>
<span><a class="sorting-bar-type" href="#">По типу</a></span>
<span><a class="sorting-bar-type" href="#">По рейтингу</a></span>
<span><a class="sorting-bar-updown" href="#"></a></span>
<!-- <span><a class="sorting-bar-updown" href="#"></a></span> -->
</div>
<div class="search-result">
<img src="img/hotel-1.png" alt="">
<h2 class="search-result-title" >Amara Resort & Spa</h2>
<span class="search-result-info">Гостиница</span>
<span class="search-result-info">От 4000 р.</span>
<a class="search-result-detail" href="#">Подробнее</a>
<input type="button" value="Забронировать">
<div class="search-result-rate">
<div class="search-result-rate-stars"></div>
<div class="search-result-rate-amount"></div>
</div>
</div>
<div class="search-result">
<img src="img/hotel-2.png" alt="">
<h2 class="search-result-title" >Desert Quail Inn</h2>
<span class="search-result-info">Мотель</span>
<span class="search-result-info">От 3000 р.</span>
<a class="search-result-detail" href="#">Подробнее</a>
<input type="button" value="Забронировать">
<div class="search-result-rate">
<div class="search-result-rate-stars"></div>
<div class="search-result-rate-amount"></div>
</div>
</div>
<div class="search-result">
<img src="img/hotel-3.png" alt="">
<h2 class="search-result-title" >Villas at Poco Diablo</h2>
<span class="search-result-info">Апартаменты</span>
<span class="search-result-info">От 2000 р.</span>
<a class="search-result-detail" href="#">Подробнее</a>
<input type="button" value="Забронировать">
<div class="search-result-rate">
<div class="search-result-rate-stars"></div>
<div class="search-result-rate-amount"></div>
</div>
</div>
</main>
<footer class="main-footer">
<span class="main-footer-heshteg">
#visitSEDONA
</span>
<ul class="main-footer-social">
<li>
<a class="main-footer-social-link" href="#">Twitter</a>
</li>
<li>
<a class="main-footer-social-link" href="#">Facebook</a>
</li>
<li>
<a class="main-footer-social-link" href="#">Youtube</a>
</li>
</ul>
<span class="main-footer-production-by">
WEBSITE by
</span>
<a class="main-footer-logo-link" href="#">
<img src="img/logo-name-footer.png" alt="Логотип HTML Academy">
</a>
</footer>
</body>
</html>