Skip to content

Commit b6eb29c

Browse files
Alina-2005Alina-2005
authored
Update index.html
1 parent ae0ff9d commit b6eb29c

File tree

1 file changed

+189
-25
lines changed

1 file changed

+189
-25
lines changed

‎index.html‎

Lines changed: 189 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,193 @@
11
<!DOCTYPE html>
22
<html lang="ru">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Главная страница</title>
7-
<link rel="stylesheet" href="styles/styles.css">
8-
</head>
9-
<body>
10-
<header>
11-
<h1>Добро пожаловать на мой сайт</h1>
12-
<nav>
13-
<ul>
14-
<li><a href="index.html">Главная</a></li>
15-
<li><a href="about.html">О нас</a></li>
16-
<li><a href="contact.html">Контакты</a></li>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Sedona</title>
6+
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&amp;subset=cyrillic" rel="stylesheet">
7+
<link rel="stylesheet" href="css/normalize.css">
8+
<link rel="stylesheet" href="css/min.css">
9+
</head>
10+
<body>
11+
<div class="wrapper">
12+
<header class="page-header">
13+
<h1 class="visually-hidden">Седона</h1>
14+
<div class="container">
15+
<nav class="page-navigation">
16+
<a class="page-header-logo"> <img alt="Логотип Седона" height="71" src="img/content/logo-sedona.svg" width="140"> </a>
17+
<ul class="site-navigation">
18+
<li> <a class="site-navigation-link" href="info.html">Информация</a> </li>
19+
<li> <a class="site-navigation-link" href="foto&video.html">Фото и видео</a> </li>
20+
<li> <a class="site-navigation-link" href="map.html">Карта штата</a> </li>
21+
<li> <a class="site-navigation-link" href="hotels.html">Гостиницы</a> </li>
1722
</ul>
18-
</nav>
19-
</header>
20-
<main>
21-
<h2>Это ваша стартовая страница</h2>
22-
<p>Здесь вы можете разместить информацию о вашем проекте.</p>
23-
</main>
24-
<footer>
25-
<p>© 2023 Мой сайт</p>
26-
</footer>
27-
</body>
23+
</nav>
24+
</div>
25+
</header>
26+
<main class="page-content">
27+
<section class="promo-first">
28+
<h2 class="visually-hidden">Добро пожаловать в Седону</h2>
29+
<img alt="Добро пожаловать в Седону" height="353" src="img/decor/intro-welcome.svg" width="459">
30+
</section>
31+
<article class="promo">
32+
<header class="header-promo">
33+
<h2 class="header-title">Седона — небольшой городок в Аризоне, заслуживающий большего!</h2>
34+
<p class="title-promo">Рассмотрим 5 причин, по которым Седона круче, чем гранд каньон!</p>
35+
</header>
36+
</article>
37+
<section class="advantages">
38+
<h2 class="visually-hidden">Преимущества</h2>
39+
<ul class="advantages-list">
40+
<li class="advantage-item">
41+
<div class="advantage blue">
42+
<h3>Настоящий городок</h3>
43+
<p class="advantage-number">- №1 -</p>
44+
<p class="advantage-description">Седона - не аттракцион для туристов, там течет своя жизнь</p>
45+
</div>
46+
<div class="advantage-image"> <img alt="Настоящий городок" height="256" src="img/content/city.jpg" width="800"> </div>
47+
<ul class="feature-list">
48+
<li class="feature-item house">
49+
<h4>Жильё</h4>
50+
<p>Рекомендуем пожить в настоящем мотеле, все как в кино</p>
51+
</li>
52+
<li class="feature-item food">
53+
<h4>Еда</h4>
54+
<p>Всегда заказывайте фирменный бургер, вы не разочаруетесь!</p>
55+
</li>
56+
<li class="feature-item gift">
57+
<h4>Сувениры</h4>
58+
<p>Не только китайского, но и местного производства!</p>
59+
</li>
60+
</ul>
61+
</li>
62+
<li class="advantage-item">
63+
<div class="advantage-image"> <img alt="Мост Дьявола" height="256" src="img/content/bridge.jpg" width="800"> </div>
64+
<div class="advantage blue">
65+
<h3>Там есть <br> мост дьявола</h3>
66+
<p class="advantage-number">- №2 -</p>
67+
<p class="advantage-description">Да, по нему можно пройти! Если конечно вы осмелитесь</p>
68+
</div>
69+
</li>
70+
</ul>
71+
<ul class="advantage-list">
72+
<li class="more-advantage">
73+
<h3>Небольшая площадь</h3>
74+
<p>- №3 -</p>
75+
<p>Все достопримечательности находятся очень близко</p>
76+
</li>
77+
<li class="more-advantage">
78+
<h3>Красивая дорога</h3>
79+
<p>- №4 -</p>
80+
<p>Ехать в Седону из Лас-Вегаса совсем не скучно!</p>
81+
</li>
82+
<li class="more-advantage">
83+
<h3>Мало туристов</h3>
84+
<p>- №5 -</p>
85+
<p>Большинство едет в Гранд Каньон &nbsp; и толпится там</p>
86+
</li>
87+
</ul>
88+
</section>
89+
<section class="search-hotel">
90+
<header class="search-header">
91+
<h2 class="visually-hidden">Поиск гостиниц в Седоне</h2>
92+
<p class="search-question">Заинтересовались?</p>
93+
<p class="search-date">Укажите продполагаемые даты поездки,
94+
<br>и мы покажем вам лучшие предложения гостиниц в Седоне
95+
</p>
96+
</header>
97+
<div class="form-title">
98+
<a href="#" class="hotel-button">
99+
<h2 class="form-header">Поиск гостиницы в седоне</h2>
100+
</a>
101+
</div>
102+
</section>
103+
<section class="form">
104+
<form action="https://echo.htmlacademy.ru" class="form-search no-js" method="post">
105+
<fieldset class="form-body">
106+
<p>
107+
<label class="form-search-label-from" for="from">Дата заезда: </label>
108+
<input class="form-search-field" id="from" name="date" placeholder="24 апреля 2017" type="text">
109+
<button type="button" class="form-search-calendar">
110+
<span class="visually-hidden">Календарь</span>
111+
<svg height="22" viewbox="0 0 21 22" width="21" xmlns="http://www.w3.org/2000/svg">
112+
<path d="M19.251 2.025h-2.845V.648c0-.381-.294-.689-.656-.689-.363 0-.656.308-.656.689v1.377h-3.938V.648c0-.381-.294-.689-.655-.689-.363 0-.657.308-.657.689v1.377H5.906V.648c0-.381-.294-.689-.656-.689-.363 0-.657.308-.657.689v1.377H1.75C.784 2.025 0 2.847 0 3.862v16.302C0 21.179.784 22 1.75 22h17.501c.966 0 1.749-.821 1.749-1.836V3.862c0-1.015-.783-1.837-1.749-1.837zm.437 18.139a.448.448 0 0 1-.437.459H1.75a.45.45 0 0 1-.438-.459V3.862a.45.45 0 0 1 .438-.459h2.844v1.378c0 .381.294.689.657.689.362 0 .656-.308.656-.689V3.403h3.938v1.378c0 .381.294.689.657.689.361 0 .655-.308.655-.689V3.403h3.938v1.378c0 .381.293.689.656.689.362 0 .656-.308.656-.689V3.403h2.845c.241 0 .437.206.437.459v16.302z" />
113+
<path d="M4.594 8.225h2.625v2.066H4.594zM4.594 11.668h2.625v2.067H4.594zM4.594 15.112h2.625v2.066H4.594zM9.188 15.112h2.625v2.066H9.188zM9.188 11.668h2.625v2.067H9.188zM9.188 8.225h2.625v2.066H9.188zM13.781 15.112h2.625v2.066h-2.625zM13.781 11.668h2.625v2.067h-2.625zM13.781 8.225h2.625v2.066h-2.625z" />
114+
</svg>
115+
</button>
116+
</p>
117+
<p>
118+
<label class="form-search-label-to" for="to">Дата выезда: </label>
119+
<input class="form-search-field" id="to" name="date" placeholder="4 июля 2017" type="text">
120+
<button type="button" class="form-search-calendar">
121+
<span class="visually-hidden">Календарь</span>
122+
<svg height="22" viewbox="0 0 21 22" width="21" xmlns="http://www.w3.org/2000/svg">
123+
<path d="M19.251 2.025h-2.845V.648c0-.381-.294-.689-.656-.689-.363 0-.656.308-.656.689v1.377h-3.938V.648c0-.381-.294-.689-.655-.689-.363 0-.657.308-.657.689v1.377H5.906V.648c0-.381-.294-.689-.656-.689-.363 0-.657.308-.657.689v1.377H1.75C.784 2.025 0 2.847 0 3.862v16.302C0 21.179.784 22 1.75 22h17.501c.966 0 1.749-.821 1.749-1.836V3.862c0-1.015-.783-1.837-1.749-1.837zm.437 18.139a.448.448 0 0 1-.437.459H1.75a.45.45 0 0 1-.438-.459V3.862a.45.45 0 0 1 .438-.459h2.844v1.378c0 .381.294.689.657.689.362 0 .656-.308.656-.689V3.403h3.938v1.378c0 .381.294.689.657.689.361 0 .655-.308.655-.689V3.403h3.938v1.378c0 .381.293.689.656.689.362 0 .656-.308.656-.689V3.403h2.845c.241 0 .437.206.437.459v16.302z" />
124+
<path d="M4.594 8.225h2.625v2.066H4.594zM4.594 11.668h2.625v2.067H4.594zM4.594 15.112h2.625v2.066H4.594zM9.188 15.112h2.625v2.066H9.188zM9.188 11.668h2.625v2.067H9.188zM9.188 8.225h2.625v2.066H9.188zM13.781 15.112h2.625v2.066h-2.625zM13.781 11.668h2.625v2.067h-2.625zM13.781 8.225h2.625v2.066h-2.625z" />
125+
</svg>
126+
</button>
127+
</p>
128+
<div class="humans">
129+
<p class="find-item">
130+
<button class="minus-adult" type="button">
131+
<span class="visually-hidden">Убавить</span>
132+
<svg height="12" viewbox="0 0 32 32" width="12">
133+
<path d="M0 13v6c0 0.552 0.448 1 1 1h30c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1h-30c-0.552 0-1 0.448-1 1z"></path>
134+
</svg>
135+
</button>
136+
<button class="plus-adult" type="button">
137+
<span class="visually-hidden">Прибавить</span>
138+
<svg height="11" viewbox="0 0 32 32" width="11">
139+
<path d="M31 12h-11v-11c0-0.552-0.448-1-1-1h-6c-0.552 0-1 0.448-1 1v11h-11c-0.552 0-1 0.448-1 1v6c0 0.552 0.448 1 1 1h11v11c0 0.552 0.448 1 1 1h6c0.552 0 1-0.448 1-1v-11h11c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1z"></path>
140+
</svg>
141+
</button>
142+
<label for="adults" class="form-search-number">Взрослые:</label>
143+
<input class="input-number input-adults" name="adult" id="adults" placeholder="2" type="text">
144+
</p>
145+
<p class="find-item">
146+
<button class="minus-child" type="button">
147+
<span class="visually-hidden">Убавить</span>
148+
<svg height="12" viewbox="0 0 32 32" width="12">
149+
<path d="M0 13v6c0 0.552 0.448 1 1 1h30c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1h-30c-0.552 0-1 0.448-1 1z"></path>
150+
</svg>
151+
</button>
152+
<button class="plus-child" type="button">
153+
<span class="visually-hidden">Прибавить</span>
154+
<svg height="11" viewbox="0 0 32 32" width="11">
155+
<path d="M31 12h-11v-11c0-0.552-0.448-1-1-1h-6c-0.552 0-1 0.448-1 1v11h-11c-0.552 0-1 0.448-1 1v6c0 0.552 0.448 1 1 1h11v11c0 0.552 0.448 1 1 1h6c0.552 0 1-0.448 1-1v-11h11c0.552 0 1-0.448 1-1v-6c0-0.552-0.448-1-1-1z"></path>
156+
</svg>
157+
</button>
158+
<label for="children" class="form-search-number">Дети:</label>
159+
<input class="input-number input-children" name="child" id="children" placeholder="0" type="text">
160+
</p>
161+
</div>
162+
<button class="search-button" type="submit"> Найти </button>
163+
</fieldset>
164+
</form>
165+
<iframe allowfullscreen height="588" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d352258.19710263924!2d-111.88600118737577!3d34.8882723987366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x872da132f942b00d%3A0x5548c523fa6c8efd!2z0KHQtdC00L7QvdCwLCDQkNGA0LjQt9C-0L3QsCA4NjMzNiwg0KHQqNCQ!5e0!3m2!1sru!2sru!4v1545211473811" style="border:0" width="1200"></iframe>
166+
</section>
167+
</main>
168+
<footer class="page-footer">
169+
<div class="footer-container">
170+
<p class="footer-hashtag"> <a href="#">#visitsedona</a> </p>
171+
<section class="footer-social">
172+
<h2 class="visually-hidden">Седона в социальных сетях</h2>
173+
<ul class="social-list">
174+
<li class="social-item"> <a class="social-button button-tw" href="#">Твиттер</a> </li>
175+
<li class="social-item"> <a class="social-button button-fb" href="#">Фейсбук</a> </li>
176+
<li class="social-item"> <a class="social-button button-yt" href="#">Ютуб</a> </li>
177+
</ul>
178+
</section>
179+
<p class="footer-coryright">
180+
<b>website by</b>
181+
<a class="button-link" href="https://htmlacademy.ru">
182+
<svg data-name="Layer 1" height="40" id="Layer_1" viewbox="0 0 108.08 36.85" width="115" xmlns="http://www.w3.org/2000/svg">
183+
<title>logo-htmlacademy-small1</title>
184+
<path d="M44.61,26.88a2,2,0,0,0,.55-0.1v1.33a3.25,3.25,0,0,1-1.18.21,1.67,1.67,0,0,1-1.67-1,4.84,4.84,0,0,1-3.14,1.08c-1.51,0-2.91-.83-2.91-2.55,0-2.13,2-2.79,3.71-2.79a11.08,11.08,0,0,1,2.17.25v-0.3c0-1-.76-1.77-2.19-1.77a7.42,7.42,0,0,0-3,.64v-1.7a10.21,10.21,0,0,1,3.19-.55c2.36,0,3.81,1.12,3.81,3.65v3a0.54,0.54,0,0,0,.49.59h0.17Zm-6.44-1.13A1.35,1.35,0,0,0,39.63,27h0.11a3.39,3.39,0,0,0,2.41-1V24.58a9.72,9.72,0,0,0-1.81-.21c-1,0-2.16.33-2.16,1.38h0Zm12.36-6.11a5,5,0,0,1,2.57.64V22a4.08,4.08,0,0,0-2.3-.7,2.75,2.75,0,1,0,0,5.49,5,5,0,0,0,2.43-.64v1.71a6.27,6.27,0,0,1-2.76.57A4.21,4.21,0,0,1,46,24.51q0-.21,0-0.41a4.32,4.32,0,0,1,4.18-4.46h0.38Zm12.17,7.24a2,2,0,0,0,.55-0.1v1.33a3.25,3.25,0,0,1-1.18.21,1.67,1.67,0,0,1-1.67-1,4.84,4.84,0,0,1-3.14,1.08c-1.51,0-2.91-.83-2.91-2.55,0-2.13,2-2.79,3.71-2.79a11.08,11.08,0,0,1,2.17.25v-0.3c0-1-.76-1.77-2.19-1.77a7.42,7.42,0,0,0-3,.64v-1.7a10.21,10.21,0,0,1,3.19-.55c2.36,0,3.81,1.12,3.81,3.65v3a0.54,0.54,0,0,0,.49.59h0.17Zm-6.44-1.13A1.35,1.35,0,0,0,57.73,27h0.11a3.39,3.39,0,0,0,2.41-1V24.58a9.72,9.72,0,0,0-1.81-.21c-1.06,0-2.16.33-2.16,1.38h0ZM73,16V28.2H71.35V26.88a3.88,3.88,0,0,1-3.19,1.54,4.4,4.4,0,0,1,0-8.78,3.81,3.81,0,0,1,3,1.3V16H73Zm-4.53,5.22a2.76,2.76,0,1,0,0,5.52A2.86,2.86,0,0,0,71.15,25V23A2.91,2.91,0,0,0,68.49,21.27ZM79,19.64c3.31,0,4.46,2.68,3.92,5.09H76.7c0.21,1.5,1.67,2.11,3.19,2.11a6.11,6.11,0,0,0,2.64-.59v1.6a7.14,7.14,0,0,1-3,.57C77,28.42,74.78,27,74.78,24a4.18,4.18,0,0,1,4-4.39H79Zm0.09,1.54a2.28,2.28,0,0,0-2.44,2.1v0.06H81.3A2,2,0,0,0,79.13,21.18Zm5.73,7V19.87h1.65v1a3.81,3.81,0,0,1,2.78-1.27A2.86,2.86,0,0,1,91.89,21a4.12,4.12,0,0,1,2.91-1.33A3.06,3.06,0,0,1,98,23V28.2h-1.9V23.05a1.59,1.59,0,0,0-1.42-1.75H94.42a2.8,2.8,0,0,0-2.07,1.12V28.2h-1.9V23.05A1.59,1.59,0,0,0,89,21.31H88.8a3,3,0,0,0-2.21,1.29v5.63H84.86Zm21.31-8.33h1.9l-3.91,9.46c-0.9,2.17-2.09,2.86-3.35,2.86a4.76,4.76,0,0,1-1.1-.14V30.46a2.86,2.86,0,0,0,.85.12c0.9,0,1.58-.64,2.07-1.9l0.17-.42-4-8.4h2l2.86,6.29ZM38.73,1.46V6.22a3.81,3.81,0,0,1,2.7-1.14,3.25,3.25,0,0,1,3.44,3.4v5.15H43V8.72a1.81,1.81,0,0,0-1.61-2h-0.3a2.93,2.93,0,0,0-2.32,1.39v5.52h-1.9V1.46h1.9ZM49.94,2.31v3h3V6.91h-3v3.81c0,1.1.5,1.46,1.58,1.46a4.49,4.49,0,0,0,1.69-.33v1.6A6.8,6.8,0,0,1,51,13.8a2.55,2.55,0,0,1-2.86-2.74V6.89H46.58V5.26h1.5V2.74Zm5.4,11.31V5.28H57v1A3.81,3.81,0,0,1,59.77,5a2.86,2.86,0,0,1,2.6,1.33A4.12,4.12,0,0,1,65.28,5,3.06,3.06,0,0,1,68.44,8.4v5.21h-1.9V8.46a1.59,1.59,0,0,0-1.42-1.75H64.89a2.8,2.8,0,0,0-2.07,1.12v5.78h-1.9V8.46A1.59,1.59,0,0,0,59.5,6.71H59.27A3,3,0,0,0,57.06,8v5.63H55.34ZM71.17,1.45H73V13.6H71.17V1.45ZM14.71,0H14.55L0,1.54V28.21l14.55,8.66,14.55-8.66V1.54Zm12.5,27.1L14.55,34.64,1.9,27.12V16.18l12.59,7.5V25L5.86,19.9v1.31l8.68,5.21v1.39L5.87,22.65V24l8.68,5.21,8.75-5.24V18.31L27.2,16V27.12Zm0-12.53-3.48,2-1.6,1L14.51,13v1.31L21,18.23H21l-0.14.09-1,.54-5.37-3.2V17l4.24,2.52-1,.67-3.2-1.9v1.31l2.1,1.24L14.5,22.1,2,14.65,14.51,7.11Zm0-1.32L14.49,5.76,1.91,13.25v-10L14.56,1.92,27.21,3.25v10h0Z" transform="translate(0 -0.02)" />
185+
</svg>
186+
</a>
187+
</p>
188+
</div>
189+
</footer>
190+
</div>
191+
<script src="js/app.min.js"></script>
192+
</body>
28193
</html>
29-
```

0 commit comments

Comments
 (0)