✔️ Сборка #9

htmlacademy-htmlcss · Nov 9, 2023 · 563c7e1 · 563c7e1
1 parent 04eda99
commit 563c7e1
Show file tree

Hide file tree

Showing 4 changed files with 231 additions and 224 deletions.
diff --git a/9/catalog.html b/9/catalog.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="ru">
- <head>
+
+  <head>
     <meta charset="utf-8">
     <title>HTML Academy: Седона</title>
     <link rel="stylesheet" href="styles/styles.css">
@@ -26,15 +27,20 @@
               <a class="navigation-link navigation-link-current" href="#">Гостиницы</a>
             </li>
           </ul>
-          <ul class="navigation-list navigation-user">
+          <ul class="navigation-list">
             <li class="navigation-search">
-              <a class="navigation-link" href="#"></a>
+              <a class="navigation-link-search" href="#"></a>
             </li>
             <li class="navigation-item">
               <a class="navigation-link-like" href="#">
                 <span class="sum">12</span></a>
+            </li>
+          </ul>
+          <ul class="overflow-button">
+            <li class="nav">
+              <a class="navigation-link-button" href="#">Хочу сюда!</a>
+            </li>
           </ul>
-          <a class="navigation-link-button" href="#">Хочу сюда!</a>
         </nav>
       </header>
       <main data-test="main" class="main-catalog-container main-catalog">
@@ -102,8 +108,7 @@ <h2 class="visually-hidden">Блок фильтров</h2>
               <ul class="search-filter-list">
                 <li class="earch-filter-item">
                   <label class="control">
-                    <input class="control-input-list" type="radio" name="type of housing" value="hostel"
-                      checked>
+                    <input class="control-input-list" type="radio" name="type of housing" value="hostel" checked>
                     <span class="tick"></span>
 
                     Гостиница
@@ -276,12 +281,8 @@ <h3 class="catalog-card-title"> GreenTree Inn</h3>
               </div>
             </li>
           </ul>
+          <span class="pol"></span>
           <ul class="pagination">
-            <li class="pagination-item">
-              <a class="pagination-link pagination-prev pagination-disabled">
-                <span class="visually-hidden">Предыдущая страница</span>
-              </a>
-            </li>
             <li class="pagination-item">
               <a class="pagination-link pagination-current-one">1</a>
             </li>

diff --git a/9/index.html b/9/index.html
@@ -29,25 +29,31 @@
           </ul>
           <ul class="navigation-list">
             <li class="navigation-search">
-              <a class="navigation-link" href="#"></a>
+              <a class="navigation-link-search" href="#"></a>
             </li>
             <li class="navigation-item">
               <a class="navigation-link-like" href="#">
                 <span class="sum">12</span></a>
+            </li>
+          </ul>
+          <ul class="overflow-button">
+            <li class="nav">
+              <a class="navigation-link-button" href="#">Хочу сюда!</a>
+            </li>
           </ul>
-            <a class="navigation-link-button" href="#">Хочу сюда!</a>
         </nav>
       </header>
       <main data-test="main" class="main-container main">
         <section class="hero" data-test="hero">
+          <h1 class="visually-hidden">Город Седона</h1>
           <img src="images/welcome.svg" width="458" height="352"
             alt="Welcome to the gorgeous Sedona , because the Grand Canyon sucks!">
         </section>
         <section data-test="advantages" class="advantages">
           <div class="indent">
-          <h2 class="title">Седона — небольшой городок в Аризоне, заслуживающий большего!</h2>
-          <h4 class="subject">Рассмотрим причины, по которым Седона круче, чем Гранд-Каньон!</h4>
-        </div>
+            <h2 class="title">Седона — небольшой городок в Аризоне, заслуживающий большего!</h2>
+            <h4 class="subject">Рассмотрим причины, по которым Седона круче, чем Гранд-Каньон!</h4>
+          </div>
           <ul class="advantages-list">
             <li class="advantages-item-block">
               <h3 class="advantages-title-block">Настоящий городок</h3>
@@ -87,12 +93,14 @@ <h3 class="advantages-titles">Жильё</h3>
             <li class="advantages-item-block2">
               <img src="images/food.svg" width="75" height="76" alt="Изображение бургера.">
               <h3 class="advantages-titles">Еда</h3>
-              <p class="advantages-descripsions">Всегда заказывайте <br> топовый фирменный бургер, <br> вы не разочаруетесь!</p>
+              <p class="advantages-descripsions">Всегда заказывайте <br> топовый фирменный бургер, <br> вы не
+                разочаруетесь!</p>
             </li>
             <li class="advantages-item-block3">
               <img src="images/present.svg" width="75" height="76" alt="Изображение подарка.">
               <h3 class="advantages-titles">Сувениры</h3>
-              <p class="advantages-descripsions">Не только китайского, <br> но и настоящего местного <br> производства!</p>
+              <p class="advantages-descripsions">Не только китайского, <br> но и настоящего местного <br> производства!
+              </p>
             </li>
           </ul>
         </section>

diff --git a/9/modal.html b/9/modal.html
@@ -27,15 +27,20 @@
               <a class="navigation-link" href="catalog.html">Гостиницы</a>
             </li>
           </ul>
-          <ul class="navigation-list navigation-user">
+          <ul class="navigation-list">
             <li class="navigation-search">
-              <a class="navigation-link" href="#"></a>
+              <a class="navigation-link-search" href="#"></a>
             </li>
             <li class="navigation-item">
               <a class="navigation-link-like" href="#">
                 <span class="sum">12</span></a>
+            </li>
+          </ul>
+          <ul class="overflow-button">
+            <li class="nav">
+              <a class="navigation-link-button" href="#">Хочу сюда!</a>
+            </li>
           </ul>
-          <a class="navigation-link-button" href="#">Хочу сюда!</a>
         </nav>
       </header>
       <main data-test="main" class="main-container main">
@@ -204,7 +209,7 @@ <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
                 Дата Заезда:</label>
 
 
-              <input class="departure" type="text" id="appointment" name="appointment-date" value="27 апреля 2020">
+              <input class="departure" type="text" id="appointment" name="appointment-date" placeholder="Укажите дату">
             </p>
             <p class="errore">Мы не можем отправить вас в прошлое.</p>
             <p class="appointment-form-date">
@@ -213,12 +218,11 @@ <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
                 Дата Выезда:</label>
 
 
-              <input class="arrival-day" type="text" id="appointment-date" name="appointment-date"
-                value="1 сентября 2023">
+              <input class="arrival-day" type="text" id="appointment-date" name="appointment-date" placeholder="Укажите дату">
             </p>
             <p class="help">На эти даты есть свободные номера. Пока есть.</p>
           </form>
-          <form class="amount" method="post">
+          <form class="amount" action="https://echo.htmlacademy.ru/" method="post">
             <p class="appointment-date">
               <label class="number" for="child-max">
                 Взрослые:</label>