-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
123 lines (123 loc) · 6.27 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Sedona</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="header">
<nav class="main-nav">
<ul class="main-ul hidden-block">
<li class="list-item active">
<a>Главная</a>
<button class="menu-close"></button>
</li>
<li class="list-item"><a href="photo.html">Фото и видео</a></li>
<li class="list-item list-item-third"></li>
<li class="list-item"><a href="form.html">Форма отзыва</a></li>
<li class="list-item"><a href="#">HTML Academy</a></li>
</ul>
<div class="logo-nav">
<div class="logo_div-svg">
<img src="images/logotype.png" class="logo-svg"/>
</div>
<button class="main-nav_toggle"></button>
</div>
</nav>
</header>
<main class="main_page">
<div class="text-index">
<p class="text-index_welcome">Welcome</p>
<p class="text-index_gorgeous">- to the gorgeous -</p>
<h1 class="text-index_h1">Sedona</h1>
<p class="text-index_no-canyon">"Because the Grand Canyon sucks"</p>
</div>
<article class="reasons-block">
<h2 class="about-sedona">Седона - небольшой городок в Аризоне, заслуживающий большего!</h2>
<p class="five-reasons">Рассмотрим 5 причин, по которым Седона круче чем Гранд Каньон!</p>
<section class="reason-one">
<div class="reasons-wrapper flexbox">
<div class="reason-one_wrapper">
<h3 class="reason-one_h3">Настоящий городок</h3>
<span class="reason_number">-№1-</span>
<p class="reason-one_description">Седона не аттракцион для туристов, там течет своя жизнь</p>
</div>
<div class="city-jpg"></div>
</div>
<div class="reason-list_wrapper">
<ul class="reason-list">
<li class="reason-list_item">
<h4 class="list-item_h4 motel">Жилье</h4>
<p class="list-item_description">Рекомендуем пожить в настоящем мотеле, все как в кино!</p>
</li>
<li class="reason-list_item">
<h4 class="list-item_h4 food">Еда</h4>
<p class="list-item_description">Всегда заказывайте фирменный бургер, вы не
разочаруетесь!</p>
</li>
<li class="reason-list_item">
<h4 class="list-item_h4 gift">Сувениры</h4>
<p class="list-item_description">Не только китайского, но и местного производства!</p>
</li>
</ul>
</div>
</section>
<section class="reason-two">
<div class="reasons-wrapper">
<h3 class="reason-two_h3">Там есть мост дьявола</h3>
<span class="reason_number">-№2-</span>
<p class="reason-two_description">Да, по нему можно пройти! Если вы осмелитесь, конечно</p>
</div>
<div class="bridge-jpg"></div>
</section>
<div class="reasons-wrapper_three">
<section class="reason-three">
<h3 class="reason-three_h3">Небольшая площадь</h3>
<span class="reason-three_number">-№3-</span>
<p class="reason-three_description">Все интересные места находятся очень близко</p>
</section>
<section class="reason-four">
<h3 class="reason-three_h3">Красивая дорога</h3>
<span class="reason-three_number">-№4-</span>
<p class="reason-three_description">Ехать в Седону из Лас-Вегаса совсем не скучно!</p>
</section>
<section class="reason-five">
<h3 class="reason-three_h3">Мало туристов</h3>
<span class="reason-three_number">-№5-</span>
<p class="reason-three_description">Большинство едет в Гранд Каньон и толпится там</p>
</section>
</div>
</article>
<article class="main-page_contacts">
<section class="contacts_find-us">
<span class="find-us_interested">Заинтересовались?</span>
<p class="find-us_order">
Укажите предполагаемые даты поездки, и мы покажем вам лучшие предложения гостиниц в Седоне
</p>
<button class="button-blue">Найти гостинницу</button>
<div class="map-src">
<iframe class="map-jpg"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52385.18050597038!2d-111.83015796375858!3d34.85437338104188!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x872da132f942b00d%3A0x5548c523fa6c8efd!2z0KHQtdC00L7QvdCwLCDQkNGA0LjQt9C-0L3QsCA4NjMzNiwg0KHQqNCQ!5e0!3m2!1sru!2sua!4v1523355033629" width="320" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
</article>
</main>
<footer class="social-networks">
<span class="hashtag">#visitsedona</span>
<ul class="social-networks-list">
<li class="social-item">
<a href="#" class="icon twitter">twitter</a>
</li>
<li class="social-item">
<a href="#" class="icon facebook">facebook</a>
</li>
<li class="social-item">
<a href="#" class="icon youtube">youtube</a>
</li>
</ul>
<div class="html-academy"><a href="#">Разработано</a></div>
</footer>
<script src="js/index.js"></script>
</body>
</html>