8.26

Author: vudovenko

catalog.html

@@ -31,7 +31,7 @@
         </a>
       </li>
       <li class="navigation-item">
-        <a href="#">
+        <a href="#" class="favourites">
           <span class="visually-hidden">Избранное</span>
           <img src="images/favourites.svg" alt="Иконка Избранного" width="20" height="20">
         </a>
@@ -110,7 +110,7 @@ <h3 class="form-section-heading">Стоимость, ₽:</h3>
 
         <section class="form-section buttons-module">
           <h3 class="visually-hidden">Кнопки для применения фильтров</h3>
-          <button type="submit" class="button filter-button apply-button">Применить</button>
+          <button type="submit" class="button filter-button action-button apply-button">Применить</button>
           <button type="reset" class=" button filter-button reset-button">Сбросить</button>
         </section>
       </form>
@@ -158,7 +158,7 @@ <h3 class="hotel-name">Amara Resort & Spa</h3>
           <a href="#" class="more-details-button button">
             Подробнее
           </a>
-          <button class="add-button button">В избранное</button>
+          <button class="action-button button">В избранное</button>
         </div>
         <div class="rating-information">
           <h3 class="visually-hidden">Информайия о рейтинге гостиницы</h3>
@@ -174,7 +174,7 @@ <h3 class="hotel-name">Villas at Poco Diablo</h3>
           <a href="#" class="more-details-button button">
             Подробнее
           </a>
-          <button class="add-button added button">В избранном</button>
+          <button class="action-button added button">В избранном</button>
         </div>
         <div class="rating-information">
           <h3 class="visually-hidden">Информайия о рейтинге гостиницы</h3>
@@ -190,7 +190,7 @@ <h3 class="hotel-name">Desert Quail Inn</h3>
           <a href="#" class="more-details-button button">
             Подробнее
           </a>
-          <button class="add-button button">В избранное</button>
+          <button class="action-button button">В избранное</button>
         </div>
         <div class="rating-information">
           <h3 class="visually-hidden">Информайия о рейтинге гостиницы</h3>
@@ -206,7 +206,7 @@ <h3 class="hotel-name">GreenTree Inn</h3>
           <a href="#" class="more-details-button button">
             Подробнее
           </a>
-          <button class="add-button button">В избранное</button>
+          <button class="action-button button">В избранное</button>
         </div>
         <div class="rating-information">
           <h3 class="visually-hidden">Информайия о рейтинге гостиницы</h3>
@@ -247,7 +247,7 @@ <h2 class="subscription-heading">Подпишитесь на рассылку</h
     </header>
     <form class="subscription-form" action="https://echo.htmlacademy.ru/" method="post">
       <input type="email" placeholder="Ваш e-mail" name="email" class="email-input" required>
-      <input type="submit" value="Подписаться" class="button subscribe-button">
+      <input type="submit" value="Подписаться" class="button action-button subscribe-button">
     </form>
   </section>
 </main>
@@ -258,19 +258,19 @@ <h2 class="subscription-heading">Подпишитесь на рассылку</h
       <h2 class="visually-hidden">Социальные сети</h2>
       <ul class="footer-sotial-list list">
         <li class="footer-social-item">
-          <a class="button" href="https://vk.com/htmlacademy" target=_blank>
+          <a class="social-item-icon" href="https://vk.com/htmlacademy" target=_blank>
             <span class="visually-hidden">Вконтакте</span>
             <img src="images/vk-icon.svg" alt="Иконка Вконтакте" width="24" height="14">
           </a>
         </li>
         <li class="footer-social-item">
-          <a class="button" href="https://t.me/htmlacademy" target=_blank>
+          <a class="social-item-icon" href="https://t.me/htmlacademy" target=_blank>
             <span class="visually-hidden">Телеграм</span>
             <img src="images/telegram-icon.svg" alt="Иконка Телеграма" width="18" height="16">
           </a>
         </li>
         <li class="footer-social-item">
-          <a class="button" href="https://www.youtube.com/user/htmlacademyru" target=_blank>
+          <a class="social-item-icon" href="https://www.youtube.com/user/htmlacademyru" target=_blank>
             <span class="visually-hidden">Ютуб</span>
             <img src="images/youtube-icon.svg" alt="Иконка Ютуба" width="22" height="17">
           </a>

images/favorits.svg

@@ -31,7 +31,7 @@
         </a>
       </li>
       <li class="navigation-item">
-        <a href="#">
+        <a href="#" class="favourites">
           <span class="visually-hidden">Избранное</span>
           <img src="images/favourites.svg" alt="Иконка Избранного" width="20" height="20">
         </a>
@@ -69,19 +69,19 @@ <h3 class="advantages-header-item advantages-header-bright">Настоящий 
       </li>
       <li class="advantages-item advantages-item-light advantages-item-without-image">
         <div class="advantage-wrap-without-image">
-          <h3 class="advantages-header-item">Небольшая площадь</h3>
+          <h3 class="advantages-header-item advantages-header-item-no-image">Небольшая площадь</h3>
           <p class="advantages-description">Все достопримечательности находятся очень близко</p>
         </div>
       </li>
       <li class="advantages-item advantages-item-without-image">
         <div class="advantage-wrap-without-image">
-          <h3 class="advantages-header-item">Красивая дорога</h3>
+          <h3 class="advantages-header-item advantages-header-item-no-image">Красивая дорога</h3>
           <p class="advantages-description">Ехать в Седону из Лас-Вегаса совсем не скучно!</p>
         </div>
       </li>
       <li class="advantages-item advantages-item-light advantages-item-without-image">
         <div class="advantage-wrap-without-image">
-          <h3 class="advantages-header-item">Мало туристов</h3>
+          <h3 class="advantages-header-item advantages-header-item-no-image">Мало туристов</h3>
           <p class="advantages-description">Большинство едет в Гранд Каньон и толпится там</p>
         </div>
       </li>
@@ -152,7 +152,7 @@ <h2 class="subscription-heading subscription-heading-bright">Подпишите
     </header>
     <form class="subscription-form" action="https://echo.htmlacademy.ru/" method="post">
       <input type="email" placeholder="Ваш e-mail" name="email" class="email-input" required>
-      <input type="submit" value="Подписаться" class="button subscribe-button">
+      <input type="submit" value="Подписаться" class="button action-button subscribe-button">
     </form>
   </section>
 </main>
@@ -163,19 +163,19 @@ <h2 class="subscription-heading subscription-heading-bright">Подпишите
       <h2 class="visually-hidden">Социальные сети</h2>
       <ul class="footer-sotial-list list">
         <li class="footer-social-item">
-          <a class="button" href="https://vk.com/htmlacademy" target=_blank>
+          <a class="social-item-icon" href="https://vk.com/htmlacademy" target=_blank>
             <span class="visually-hidden">Вконтакте</span>
             <img src="images/vk-icon.svg" alt="Иконка Вконтакте" width="24" height="14">
           </a>
         </li>
         <li class="footer-social-item">
-          <a class="button" href="https://t.me/htmlacademy" target=_blank>
+          <a class="social-item-icon" href="https://t.me/htmlacademy" target=_blank>
             <span class="visually-hidden">Телеграм</span>
             <img src="images/telegram-icon.svg" alt="Иконка Телеграма" width="18" height="16">
           </a>
         </li>
         <li class="footer-social-item">
-          <a class="button" href="https://www.youtube.com/user/htmlacademyru" target=_blank>
+          <a class="social-item-icon" href="https://www.youtube.com/user/htmlacademyru" target=_blank>
             <span class="visually-hidden">Ютуб</span>
             <img src="images/youtube-icon.svg" alt="Иконка Ютуба" width="22" height="17">
           </a>