diff --git a/site/index.html b/site/index.html
index 443e4de..40b95d0 100644
--- a/site/index.html
+++ b/site/index.html
@@ -16,6 +16,7 @@
         <!--VOLOGDA MAPS-->
         <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=AttractionsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
         <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adff641cfd3a15a83ae8bfb686cf24c228c2737343f7aa7ea54e39ad42c100ead&amp;id=RestaurantsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+        <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aea570d66d1a226449f8c4349ba207d129712f5eeef596742cfa0a7e5cae78692&amp;id=HotelMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
     </head>
 
     <body>
@@ -40,6 +41,13 @@
         </div>
 
         <div w3-include-html="/pages/restaurants.html"></div>
+
+        <!--HOTEL-->
+        <div id="HotelMap" class="vologdaMap">
+            <p class="titleText">Отели Вологды</p>
+        </div>
+
+        <div w3-include-html="/pages/hotel.html"></div>
         
         <!--FOOTER-->
         <div w3-include-html="/style/footer.html"></div>
diff --git a/site/pages/hotel.html b/site/pages/hotel.html
new file mode 100644
index 0000000..a3987b5
--- /dev/null
+++ b/site/pages/hotel.html
@@ -0,0 +1,34 @@
+<div class="vologdaPlace">
+    <p class="titleText">Места где можно отдохнуть</p>
+        <div class="button-grid">
+            <div>
+                <a href="/pages/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
+                <p class="normalText">Музей кружева</p>
+            </div>
+
+            <div>
+                <a href="/pages/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
+                <p class="normalText">Памятник букве О</p>
+            </div>  
+                    
+            <div>
+                <a href="/pages/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
+                <p class="normalText">Посидим-поокаем</p>
+            </div>
+
+            <div>
+                <a href="/pages/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
+                <p class="normalText">Бульвар Пирогова</p>
+            </div>
+
+            <div>
+                <a href="/pages/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
+                <p class="normalText">Церковь Александра Невского </p>
+            </div>
+
+            <div>
+                <a href="/pages/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.jpg');"></button></a>
+                <p class="normalText">Государственный историко-архитектурный и художественный музей-заповедник</p>
+            </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/site/style/header.html b/site/style/header.html
index e3e6133..750e46b 100644
--- a/site/style/header.html
+++ b/site/style/header.html
@@ -21,7 +21,7 @@
             <p class="titleTextMini">Рестораны</p>
         </a>
 
-        <a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu"> 
+        <a href="#HotelMap" style="text-decoration:none" class="hidingMenu"> 
             <button style="background: transparent; border: none !important;"> </button>
             <p class="titleTextMini">Отели</p>
         </a>
