diff --git a/index.html b/index.html
index 4c50ba4..e657ee0 100644
--- a/index.html
+++ b/index.html
@@ -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>
