Skip to content

Update index.html #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dina-romm wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update index.html #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
121 changes: 116 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,123 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta charset="UTF-8">
<title>HTML Academy: Седона</title>
</head>
<body>

<p>Репозиторий создан для обучения на профессиональном онлайн‑курсе «<a href="https://htmlacademy.ru/intensive/htmlcss">HTML и CSS. Профессиональная вёрстка сайтов</a>».</p>

</body>
<header class="page-header">
<a href="index.html"><img src="#" alt="Логотип Седона"></a>
<nav class="navigation">
<ul class="navigation-list left">
<li class="navigation-item">
<a class="navigation-link" href="index.html">Главная</a>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#">О Седоне</a>
</li>
<li class="navigation-item">
<a class="navigation-link" href="catalog.html">Гостиницы</a>
</li>
</ul>
<ul class="navigation-list right">
<li class="navigation-item">
<a class="navigation-link" href="#"><span class="visually-hidden">Поиск</span></a>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#"><span class="visually-hidden">Избранное</span></a>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#">Хочу сюда!</a>
</li>
</ul>
</nav>
</header>
<main class="main-index">
<section class="description">
<h1 class="visually-hidden">Sedona</h1>
<img src="#" alt="Welcome to Sedona">
<h2 class="description-header">Седона - небольшой городок в Аризоне, заслуживающий большего!</h2>
<p class="description-text">Рассмотрим причины, по которым Седона круче, чем Гранд-Каньон!</p>
</section>
<section class="advantages">
<ul class="advantages-list">
<li class="advantages-item">
<h3 class="advantages-title">Настоящий городок</h3>
<p class="advantages-description">Седона - не атракцион для туристов, там течет своя жизнь</p>
</li>
<li class="advantages-item">
<h3 class="advantages-title">Небольшая площадь</h3>
<p class="advantages-description">Все достопримечательности находятся очень близко</p>
</li>
<li class="advantages-item">
<h3 class="advantages-title">Красивая дорога</h3>
<p class="advantages-description">Ехать в Седому из Лас-Вегаса совсем не скучно!</p>
</li>
<li class="advantages-item">
<h3 class="advantages-title">Мало туристов</h3>
<p class="advantages-description">Большинство едет в Гранд Каньон и толпится там</p>
</li>
<li class="advantages-item">
<h3 class="advantages-title">Там есть Мост Дьявола</h3>
<p class="advantages-description">Да, по нему можно пройти! Если вы осмелитесь разумеется</p>
</li>
</ul>
</section>
<section class="description">
<h2 class="description-header">Приезжайте в Седону отдохнуть в комфорте и уюте!</h2>
<p class="description-text">Опытный персонал и качественное обслуживание!</p>
</section>
<section class="available">
<ul class="available-list">
<li class="available-item">
<h3 class="available-title">Жильё</h3>
<p class="available-description">Рекомендуем пожить в настоящем мотеле, всё как в кино!</p>
</li>
<li class="available-item">
<h3 class="available-title">Еда</h3>
<p class="available-description">Всегда заказывайте топовый фирменный бургер, вы не разочаруетесь!</p>
</li>
<li class="available-item">
<h3 class="available-title">Сувениры</h3>
<p class="available-description">Не только китайского, но и настоящего местного производства!</p>
</li>
</ul>
</section>
<section class="description">
<h2 class="description-header">Заинтересовались?</h2>
<p class="description-text">Укажите предполагаемые даты поездки, и мы покажем вам лучшие предложения гостиниц в Седоне</p>
<a class="search" href="#">Поиск гостиницы в Седоне</a>
</section>
</main>
<footer class="page-footer">
<section class="mailing">
<h2 class="mailing-header">Подпишитесь на рассылку</h2>
<p class="mailing-description">Только полезная информация и никакого спама,<br>честное бойскаутское!</p>
<form class="mailing-form" action="https://echo.htmlacademy.ru/" method="post">
<label for="mailing-email">Ваш e-mail</label>
<input type="email" id="mailing-email" name="email">
<button class="mailing-button" type="submit">Подписаться</button>
</form>
</section>
<ul class="footer-social-list">
<li class="footer-social-item">
<a class="button" href="https://vk.com/htmlacademy">
<span class="visually-hidden">ВКонтакте</span>
</a>
</li>
<li class="footer-social-item">
<a class="button" href="https://t.me/htmlacademy">
<span class="visually-hidden">Телеграм</span>
</a>
</li>
<li class="footer-social-item">
<a class="button" href="https://www.youtube.com/user/htmlacademyru">
<span class="visually-hidden">Youtube</span>
</a>
</li>
</ul>
<p class="footer-number">+7 (812) 812-12-12</p>
<a href="https://htmlacademy.ru/"><img src="#" alt="Логотип html academy"></a>
</footer>
</body>
</html>