htmlacademy-htmlcss · keksobot · Dec 17, 2024 · Dec 12, 2024 · Dec 12, 2024 · Dec 16, 2024
diff --git a/hotels.html b/hotels.html
@@ -7,7 +7,7 @@
   <body>
     <header class="main-header">
       <a href="index.html">
-      <img src="./img/logo.png" alt="Логотип" width="138" height="64">
+      <img src="./img/logo.svg" alt="Логотип" width="138" height="64">
        </a>
       <nav class="navigation">
         <ul class="navigation-list">
@@ -22,12 +22,14 @@
           </li>
         </ul>
 
-        <ul class="navigation-list navigation-user">
-          <li class="navigation-item">
-            <a class="navigation-link" href="#"><span class="visually-hidden">Поиск</span></a>
+        <ul class="navigation-user">
+          <li class="navigation-user-item">
+            <a class="navigation-user-link" href="#"><span class="visually-hidden"></span>
+            <img src="./img/search.svg" alt="Поиск"></a>
           </li>
-          <li class="navigation-item">
-            <a class="navigation-link" href="#"><span class="visually-hidden">Избранное</span></a>
+          <li class="navigation-user-item">
+            <a class="navigation-user-link" href="#"><span class="visually-hidden"></span>
+            <img src="./img/favourites.svg" alt="Избранные"></a>
           </li>
           <li class="navigation-item">
             <a class="navigation-link" href="#"><span class="visuallly-hidden">Хочу Сюда</span></a>
@@ -48,6 +50,7 @@ <h1 class="inner-header-title">Гостиницы Седоны</h1>
           <a class="breadcrumbs-link">Гостиницы</a>
         </li>
        </ul>
+       <img src="./img/catalog-background.jpg" width="1200" height="412">
       </header>  
 
       <section class="list-of-hotels">
@@ -124,50 +127,50 @@ <h2 class="visuallly-hidden">Список гостиниц</h2>
         <ul class="product-list">
           <li class="product-card">
             <a class="product-card-link" href="product.html">
-              <img class="product-card-image" src="./img/hotel-1.png" alt="hotel-1">
+              <img class="product-card-image" src="./img/hotels/hotel-1.jpg" alt="hotel-1">
               <h3 class="product-card-title">Amara Resort & Spa</h3>
             </a>
             <span class="product-type">Гостиница</span>
             <span class="product-card-price">От 4000 ₽</span>
-            <a class="button" href="#">Подробнее</a>
-            <a class="button" href="#">В избранное</a>
-            <img src="./img/Четыре Звёзды.svg" alt="Четыре звезды">
+            <a class="button-link" href="#">Подробнее</a>
+            <button class="button" href="#">В избранное</button>
+            <img src="./img/four-stars.svg" alt="Четыре звезды">
             <span class="rating">Рейтинг: 8,5</span>
           </li>
           <li class="product-card">
             <a class="product-card-link" href="product.html">
-              <img class="product-card-image" src="./img/hotel-2.png" alt="hotel-2">
+              <img class="product-card-image" src="./img/hotels/hotel-2.jpg" alt="hotel-2">
               <h3 class="product-card-title">Villas at Poco Diablo</h3>
             </a>
             <span class="product-type">Гостиница</span>
             <span class="product-card-price">От 5000 ₽</span>
-            <a class="button" href="#">Подробнее</a>
-            <a class="button" href="#">В избранное</a>
-            <img src="./img/Четыре Звёзды.svg" alt="Четыре звезды">
+            <a class="button-link" href="#">Подробнее</a>
+            <button class="button" href="#">В избранное</button>
+            <img src="./img/four-stars.svg" alt="Четыре звезды">
             <span class="rating">Рейтинг: 9,2</span>
           </li>
           <li class="product-card">
             <a class="product-card-link" href="product.html">
-              <img class="product-card-image" src="./img/hotel-3.png" alt="hotel-3">
+              <img class="product-card-image" src="./img/hotels/hotel-3.jpg" alt="hotel-3">
               <h3 class="product-card-title">Desert Quail Inn</h3>
             </a>
             <span class="product-type">Гостиница</span>
             <span class="product-card-price">От 2500 ₽</span>
-            <a class="button" href="#">Подробнее</a>
-            <a class="button" href="#">В избранное</a>
-            <img src="./img/Три Звёзды.svg" alt="Четыре звезды">
+            <a class="button-link" href="#">Подробнее</a>
+            <button class="button" href="#">В избранное</button>
+            <img src="./img/three-stars.svg" alt="Три звезды">
             <span class="rating">Рейтинг: 6,9</span>
           </li>
           <li class="product-card">
             <a class="product-card-link" href="product.html">
-              <img class="product-card-image" src="./img/hotel-4.png" alt="hotel-4">
+              <img class="product-card-image" src="./img/hotels/hotel-4.jpg" alt="hotel-4">
               <h3 class="product-card-title">GreenTree Inn</h3>
             </a>
             <span class="product-type">Гостиница</span>
             <span class="product-card-price">От 1500 ₽</span>
-            <a class="button" href="#">Подробнее</a>
-            <a class="button" href="#">В избранное</a>
-            <img src="./img/Две Звёзды.svg" alt="Четыре звезды">
+            <a class="button-link" href="#">Подробнее</a>
+            <button class="button" href="#">В избранное</button>
+            <img src="./img/two-stars.svg" alt="Две звезды">
             <span class="rating">Рейтинг: 5,0</span>
           </li>
         </ul>
@@ -194,15 +197,15 @@ <h3 class="product-card-title">GreenTree Inn</h3>
         <ul class="footer-social-list">
           <li class="footer-social-item">
             <a href="https://vk.com/htmlacademy"> <span class="visuallly-hidden">Вконтакте</span></a>
-            <img src="./img/social-vk.svg" alt="logo-vk">
+            <img src="./img/social network/social-vk.svg" alt="logo-vk" width="47.33" height="40">
           </li>
           <li class="footer-social-item">
             <a href="https://t.me/htmlacademy"> <span class="visuallly-hidden">Телеграм</span></a>
-            <img src="./img/social-telegram.svg" alt="logo-telegram">
+            <img src="./img/social network/social-telegram.svg" alt="logo-telegram" width="47.33" height="40">
           </li>
           <li class="footer-social-item">
             <a href="https://www.youtube.com/user/htmlacademyru"> <span class="visuallly-hidden">Ютуб</span></a>
-            <img src="./img/social-youtube.svg" alt="logo-youtube">
+            <img src="./img/social network/social-youtube.svg" alt="logo-youtube" width="47.33" height="40">
           </li>  
         </ul>    
       </section>
@@ -212,7 +215,7 @@ <h3 class="product-card-title">GreenTree Inn</h3>
       </section>
 
       <section class="footer-logo">
-        <img src="./img/logo_htmlacademy.png" alt="Логотип-htmlacademy" width="115" height="33">
+        <img src="./img/logo-htmlacademy.png" alt="Логотип-htmlacademy" width="115" height="33">
         <a href="https://htmlacademy.ru/"><span class="visuallly-hidden">Логотип-htmlacademy</span></a>
       </section>
 

diff --git a/img/Hotels/hotel-1.jpg b/img/Hotels/hotel-1.jpg
diff --git a/img/Hotels/hotel-2.jpg b/img/Hotels/hotel-2.jpg
diff --git a/img/Hotels/hotel-3.jpg b/img/Hotels/hotel-3.jpg
diff --git a/img/Hotels/hotel-4.jpg b/img/Hotels/hotel-4.jpg
diff --git a/img/social-telegram.svg → img/Social network/social-telegram.svg b/img/social-telegram.svg → img/Social network/social-telegram.svg
diff --git a/img/social-vk.svg → img/Social network/social-vk.svg b/img/social-vk.svg → img/Social network/social-vk.svg
diff --git a/img/social-youtube.svg → img/Social network/social-youtube.svg b/img/social-youtube.svg → img/Social network/social-youtube.svg
diff --git a/img/Vector.svg b/img/Vector.svg
diff --git a/img/catalog-background.jpg b/img/catalog-background.jpg
diff --git a/img/favourites.svg b/img/favourites.svg
diff --git a/img/seach-filter-1.svg → img/filters/search-filter-1.svg b/img/seach-filter-1.svg → img/filters/search-filter-1.svg
diff --git a/img/seach-filter-2.svg → img/filters/search-filter-2.svg b/img/seach-filter-2.svg → img/filters/search-filter-2.svg
diff --git a/img/seach-filter-3.svg → img/filters/search-filter-3.svg b/img/seach-filter-3.svg → img/filters/search-filter-3.svg
diff --git a/img/four-stars.svg b/img/four-stars.svg
diff --git a/img/home.png b/img/home.png
diff --git a/img/hotel-1.png b/img/hotel-1.png
diff --git a/img/hotel-2.png b/img/hotel-2.png
diff --git a/img/hotel-3.png b/img/hotel-3.png
diff --git a/img/hotel-4.png b/img/hotel-4.png
diff --git a/img/index-background.png b/img/index-background.png
diff --git a/img/logo_htmlacademy.png → img/logo-htmlacademy.png b/img/logo_htmlacademy.png → img/logo-htmlacademy.png
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/logo.svg b/img/logo.svg
diff --git a/img/search.svg b/img/search.svg
diff --git a/img/subscription-background.jpg b/img/subscription-background.jpg
diff --git a/img/three-stars.svg b/img/three-stars.svg
diff --git a/img/two-stars.svg b/img/two-stars.svg
diff --git a/img/Две Звёзды.svg b/img/Две Звёзды.svg
diff --git a/img/Три Звёзды.svg b/img/Три Звёзды.svg
diff --git a/img/Четыре Звёзды.svg b/img/Четыре Звёзды.svg