final!!!

мал еньк трол линг
обновление верхней панельки
2023-11-07 14:07:31 +03:00 · 2023-11-07 13:52:38 +03:00 · 2023-11-07 13:11:21 +03:00 · 2023-11-07 13:01:17 +03:00 · 2023-11-07 12:42:59 +03:00 · 2023-11-07 12:32:21 +03:00
70 changed files with 12808 additions and 285 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+*.vscode/*
--- a/README.md
+++ b/README.md
@@ -0,0 +1,2 @@
+Репозиторий для тематического Вологодского сайта.
+Создан командой Defectum из группы ИСП-420ИС.
--- a/site/favicon.png
+++ b/site/favicon.png
--- a/site/images/Aparat.webp
+++ b/site/images/Aparat.webp
--- a/site/images/Aparat_2.webp
+++ b/site/images/Aparat_2.webp
--- a/site/images/History.webp
+++ b/site/images/History.webp
--- a/site/images/Spasskie.webp
+++ b/site/images/Spasskie.webp
--- a/site/images/Velicii-Ustig.webp
+++ b/site/images/Velicii-Ustig.webp
--- a/site/images/background.png
+++ b/site/images/background.png
--- a/site/images/hotel_aura_1.webp
+++ b/site/images/hotel_aura_1.webp
--- a/site/images/palisad.2.webp
+++ b/site/images/palisad.2.webp
--- a/site/images/palisad.webp
+++ b/site/images/palisad.webp
--- a/site/images/Гостиница-люкс_АнглитерЪ.webp
+++ b/site/images/Гостиница-люкс_АнглитерЪ.webp
--- a/site/images/Дом_купчихи_Ершовой.webp
+++ b/site/images/Дом_купчихи_Ершовой.webp
--- a/site/images/ДомКупчих.webp
+++ b/site/images/ДомКупчих.webp
--- a/site/images/Кремлёвский_сад.webp
+++ b/site/images/Кремлёвский_сад.webp
--- a/site/images/Музей-заповедник.webp
+++ b/site/images/Музей-заповедник.webp
--- a/site/images/Отель_«История».webp
+++ b/site/images/Отель_«История».webp
--- a/site/images/Отель_Аура.webp
+++ b/site/images/Отель_Аура.webp
--- a/site/images/Памятник_букве_О_2.webp
+++ b/site/images/Памятник_букве_О_2.webp
--- a/site/images/Паравозь.webp
+++ b/site/images/Паравозь.webp
--- a/site/images/Пирогова_1.jpg
+++ b/site/images/Пирогова_1.jpg
--- a/site/images/Пирогова_1.webp
+++ b/site/images/Пирогова_1.webp
--- a/site/images/Пирогова_2.jpg
+++ b/site/images/Пирогова_2.jpg
--- a/site/images/Пирогова_2.webp
+++ b/site/images/Пирогова_2.webp
--- a/site/images/Пирогова_3.jpg
+++ b/site/images/Пирогова_3.jpg
--- a/site/images/Пирогова_4.jpg
+++ b/site/images/Пирогова_4.jpg
--- a/site/images/Ресторан_Паровозовъ.webp
+++ b/site/images/Ресторан_Паровозовъ.webp
--- a/site/images/музей-заповедник_1.jpg
+++ b/site/images/музей-заповедник_1.jpg
--- a/site/images/музей-заповедник_1.webp
+++ b/site/images/музей-заповедник_1.webp
--- a/site/images/музей-заповедник_2.jpg
+++ b/site/images/музей-заповедник_2.jpg
--- a/site/images/музей-заповедник_3.jpg
+++ b/site/images/музей-заповедник_3.jpg
--- a/site/images/музей-заповедник_3.webp
+++ b/site/images/музей-заповедник_3.webp
--- a/site/images/музей-заповедник_4.jpg
+++ b/site/images/музей-заповедник_4.jpg
--- a/site/images/музей-заповедник_4.webp
+++ b/site/images/музей-заповедник_4.webp
--- a/site/images/музей-заповедник_5.jpg
+++ b/site/images/музей-заповедник_5.jpg
--- a/site/index.html
+++ b/site/index.html
@@ -1,18 +1,17 @@
 <!DOCTYPE html>
 <html lang="ru">
    <head>
-        <link rel="stylesheet" href="/style/menu.css">
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
-        <title>Вологда путешествия</title>
+        <title>Путешествия по Вологде</title>
        
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+
        <!--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>
@@ -21,11 +20,11 @@

    <body>
        <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--VOLOGDA DESCRIPTION-->
        <div class="vologdaDescription">
-            <p class="normalText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
+            <p class="infoText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
        </div>

        <!--ATTRACTIONS-->
@@ -33,24 +32,27 @@
            <p class="titleText">Достопримечательности Вологды</p>
        </div>

-        <div w3-include-html="/pages/attractions.html"></div>
+        <div w3-include-html="/pages/attractions/attractions.html"></div>

        <!--RESTAURANTS-->
        <div id="RestaurantsMap" class="vologdaMap">
            <p class="titleText">Рестораны Вологды</p>
        </div>

-        <div w3-include-html="/pages/restaurants.html"></div>
+        <div w3-include-html="/pages/restaurants/restaurants.html"></div>

        <!--HOTEL-->
        <div id="HotelMap" class="vologdaMap">
            <p class="titleText">Отели Вологды</p>
        </div>

-        <div w3-include-html="/pages/hotel.html"></div>
+        <div w3-include-html="/pages/hotels/hotel.html"></div>
        
-        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <!--FOOTER && BUTTON TOP-->
+        <div w3-include-html="/pages/footer.html"></div>
+        
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/attractions.html
+++ b/site/pages/attractions.html
@@ -1,40 +0,0 @@
-<div class="vologdaPlace">
-    <p class="titleText">Места которые стоит посетить в первую очередь</p>
-        <div class="button-grid">
-            <div>
-                <!-- <a href="https://yandex.ru/profile/1013241328?no-distribution=1&source=wizbiz_new_map_single&ysclid=lo71yg4axi242363857"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/1909414/2a0000016ae3289d21e668710123484a2ba4/XXXL');"></button></a> -->
-                <a href="/pages/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
-                <p class="normalText">Музей кружева</p>
-            </div>
-
-            <div>
-                <!-- <a href="https://yandex.ru/maps/org/pamyatnik_bukve_o/53849898478/?ll=39.884983%2C59.224170&z=16"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/10703420/2a0000018aa8a9bc716ee91011ad8e39d9d3/XXXL');"></button></a> -->
-                <a href="/pages/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
-                <p class="normalText">Памятник букве О</p>
-            </div>  
-                    
-            <div>
-                <!-- <a href="https://yandex.ru/maps/org/kosmonavtu_p_i_belyayevu/72397562391/?ll=39.876151%2C59.219917&z=17"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/9663145/2a00000189fcf8d098873379888732ea442f/XXXL');"></button></a> -->
-                <a href="/pages/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
-                <p class="normalText">Посидим-поокаем</p>
-            </div>
-
-            <div>
-                <!-- <a href="https://yandex.ru/profile/223457860077"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/5099617/2a000001827c21670f508af692362e7074a5/XXXL');"></button></a> -->
-                <a href="/pages/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
-                <p class="normalText">Бульвар Пирогова</p>
-            </div>
-
-            <div>
-                <!-- <a href="https://yandex.ru/profile/3596464852"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/10589039/2a0000018aa9f71543a9c2c4fed3e048ce5a/XXXL');"></button></a> -->
-                <a href="/pages/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
-                <p class="normalText">Церковь Александра Невского </p>
-            </div>
-
-            <div>
-                <!-- <a href="https://yandex.ru/maps/org/kosmonavtu_p_i_belyayevu/72397562391/?ll=39.876151%2C59.219917&z=17"><button class="image-button" style="background-image: url('https://avatars.mds.yandex.net/get-altay/4336337/2a0000017758c929f9c648c203c32557b43a/XXXL');"></button></a> -->
-                <a href="/pages/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.jpg');"></button></a>
-                <p class="normalText">Государственный историко-архитектурный и художественный музей-заповедник</p>
-            </div>
-    </div>
-</div>
--- a/site/pages/attractions/attractions.html
+++ b/site/pages/attractions/attractions.html
@@ -0,0 +1,34 @@
+<div class="vologdaPlace">
+    <p class="titleText">Места которые стоит посетить в первую очередь</p>
+        <div class="button-grid">
+            <div>
+                <a href="/pages/attractions/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Музей кружева</p>
+            </div>
+
+            <div>
+                <a href="/pages/attractions/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Памятник букве О</p>
+            </div>  
+                    
+            <div>
+                <a href="/pages/attractions/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Посидим-поокаем</p>
+            </div>
+
+            <div>
+                <a href="/pages/attractions/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Бульвар Пирогова</p>
+            </div>
+
+            <div>
+                <a href="/pages/attractions/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Церковь Александра Невского </p>
+            </div>
+
+            <div>
+                <a href="/pages/attractions/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Музей-заповедник</p>
+            </div>
+    </div>
+</div>
--- a/site/pages/attractions/Бульвар
+++ b/site/pages/attractions/Бульвар
@@ -4,8 +4,7 @@
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
        <title>Бульвар Пирогова</title>
@@ -13,18 +12,17 @@
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
        <!--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" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A895e1057607a73b587e3f06328f6d256c77fed5213874636e1773ce99ed4df95&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
    </head>

    <body>
         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--TEXT-->
        <div class="vologdaPlace">
            <p class="titleText">Бульвар Пирогова</p>
-            <img src="/images/Пирогова_1.jpg"/>
+            <img src="/images/Пирогова_1.webp"/>
            <p class="normalText">Одно из самых излюбленных общественных пространств
                Вологды – бульвар на улице Пирогова – с наступлением весны расцвел
                яркими красками. Назло всем недоброжелателям, которые твердили, что
@@ -39,17 +37,23 @@
                скамеек и оборудованы места для игры в шашки и шахматы. На участке «Сентиментальный» в
                районе коррекционной школы №1 расположился тактильный лес, а покрытие тротуара вблизи
                пешеходного перехода через улицу Ветошкина сделано с особыми рельефными индикаторами.</p>
-            <img src="/images/Пирогова_2.jpg"/>
+            <img src="/images/Пирогова_2.webp"/>
            <p class="normalText">Благоустройство бульвара Пирогова в Вологде не осталось незамеченным.
                Министерство строительства и жилищно-коммунального хозяйства РФ включило улицу в федеральный
                реестр лучших практик благоустройства общественных пространств в 2020 году. Всего в список
                вошли 117 проектов из 40 регионов страны. Бульвар был признан лучшим в номинации «Улица как
                общественное пространство».</p>
-            <img src="/images/Пирогова_3.jpg"/>
+            <!-- <img src="/images/Пирогова_3.webp"/> -->
        </div>

+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <div w3-include-html="/pages/footer.html"></div>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/attractions/Музей
+++ b/site/pages/attractions/Музей
@@ -4,22 +4,21 @@
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
        <title>Музей кружева</title>
        
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+
        <!--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" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A53e047d5b90b162aa56b0853b700ef1c6c1b9f489e481bbd2ab17b1667746909&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
    </head>

    <body>
         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--TEXT-->
        <div class="vologdaPlace">
@@ -37,8 +36,14 @@
                рода Брянчаниновых.</p>
        </div>

+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <div w3-include-html="/pages/footer.html"></div>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/attractions/Музей-заповедник.html
+++ b/site/pages/attractions/Музей-заповедник.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Историко-архитектурный и художественный музей-заповедник</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A5d2ad966eb70e0dc67f5986a376366a22e0adb3ea83409e3d76c382e50384393&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Вологодский государственный историко-архитектурный и художественный музей-заповедник</p>
+            <img src="/images/музей-заповедник_4.webp"/>
+            <p class="normalText">Являясь визитной карточкой региона, Вологодский музей-заповедник привлекает посетителей 
+                яркими образовательно-развлекательными программами: праздниками и фестивалями, ярмарками и квестами, концертами 
+                и театрализованными вечерами. Одним из ведущих направлений в работе музея является культурно-просветительная работа 
+                с детьми.</p>
+            <img src="/images/музей-заповедник_3.webp"/> 
+            <p class="normalText">Музей как уникальный объект предлагает людям близкое знакомство с подлинными памятниками. В выходные и праздничные 
+                дни в экспозициях и на выставках организуется просветительская и творческая работа, музей предоставляет взрослым и 
+                детям новые знания, яркие впечатления и возможность общения в культурном пространстве. Вологодский музей-заповедник 
+                - это историко-культурный, научно-просветительский и научно-исследовательский центр Русского Севера. </p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+        
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/attractions/Памятник
+++ b/site/pages/attractions/Памятник
@@ -4,8 +4,7 @@
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
        <title>Памятник букве О</title>
@@ -13,32 +12,37 @@
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
        <!--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" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A547fdd4037d22610d0d4b081951206854f086edfe502c936e5060f61edce8a71&amp;id=Maps&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
    </head>

    <body>
         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--TEXT-->
        <div class="vologdaPlace">
            <p class="titleText">Памятник букве О</p>
-            <img src="/images/Памятник_букве_О.webp"/>
            <p class="normalText">Памятник, установленный в 2012 году в Вологде и
                призванный увековечить одно из наиболее характерных явлений северных
                русских говоров, в том числе вологодских, — оканье.</p>
+            <img src="/images/Памятник_букве_О.webp"/>  
            <p class="normalText">Выполнен из металла и украшен традиционными северными
                узорами. Высота около трёх метров с учётом постамента.
-                Вес около 300 килограммов.</p>
-            <p class="normalText">Располагается в самом центре Вологды,
+                Вес около 300 килограммов.Располагается в самом центре Вологды,
                в сквере на Соборной горке у Кремлёвской площади, напротив дома писателя
                Варлама Шаламова.</p>
-            <img src="/images/Памятник_букве_О_2.webp"/>
+            <!-- <img src="/images/Памятник_букве_О_2.webp"/> -->
        </div>

+        <!--MAP-->
+        <div id="Maps" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <div w3-include-html="/pages/footer.html"></div>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/attractions/Посидим-поокаем.html
+++ b/site/pages/attractions/Посидим-поокаем.html
@@ -4,8 +4,7 @@
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
        <title>Посидим-поокаем</title>
@@ -13,18 +12,16 @@
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
        <!--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" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A552163fc534e45aac9908e490016422081da0d7e7f7084d025e4409f568f2ba2&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
    </head>

    <body>
         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--TEXT-->
        <div class="vologdaPlace">
            <p class="titleText">Посидим-поокаем</p>
-            <img src="/images/Посидим_поокаем_2.webp"/>
            <p class="normalText">В 2015 году на набережной реки Вологды появилась
                кованая скамейка, спинку которой украшает задорная надпись "Посидим-поокаем".
                Эта милая скамейка - подарок вологжанам ко Дню города от кузнецов, участвовавших
@@ -32,6 +29,7 @@
                расположен в прекрасном месте. Сидя на скамейке, которая, кстати, является
                двухсторонней, можно любоваться живописными видами города: рекой Вологдой,
                храмом Сретения Господня.</p>
+            <img src="/images/Посидим_поокаем_2.webp"/>
            <p class="normalText">Спустя год на скамейке появились ещё два элемента - кованая
                гармошка и книга стихов Николая Рубцова. Эти детали украсили арт-объект в честь
                80-летия со дня рождения вологодского поэта. По словам создателей, предметы были
@@ -43,8 +41,14 @@
                поэтическими строками...</p>
        </div>

+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <div w3-include-html="/pages/footer.html"></div>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/attractions/Церковь
+++ b/site/pages/attractions/Церковь
@@ -4,8 +4,7 @@
        <link rel="stylesheet" href="/style/textFont.css">
        <link rel="stylesheet" href="/style/background.css">
        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">

        <meta charset="utf-8"/>
        <title>Церковь Александра Невского</title>
@@ -13,25 +12,24 @@
        <!--HTML loader script-->
        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
        <!--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" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Afeda85fbee28dfd36dcf6cff5d04708b93f51a1393f60288e0cb23b5f8404b9e&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
    </head>

    <body>
         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <div w3-include-html="/pages/header.html"></div>

        <!--TEXT-->
        <div class="vologdaPlace">
-            <p class="titleText">Церковь Александра Невского</p>
-            <p class="titleText">(храм во имя святого благоверного князя Александра Невского)</p>
-            <img src="/images/Церковь_Александра_Невского_2.webp"/>
-            <p class="normalText">православный храм в Вологде, памятник архитектуры регионального
+            <p class="titleText">Xрам во имя святого благоверного князя Александра Невского</p>
+            <p class="normalText">Православный храм в Вологде, памятник архитектуры регионального
                значения XVIII века. Основание храма связано с пребыванием в Вологде в 1556 году особо
-                почитаемой в Русской православной церкви Великорецкой иконы Николая Чудотворца.</p>
-            <p class="normalText">Церковь построена из кирпича. Имеет трехчастную композицию, строго
+                почитаемой в Русской православной церкви Великорецкой иконы Николая Чудотворца.
+                Церковь построена из кирпича. Имеет трехчастную композицию, строго
                симметричную по продольной оси. Основное здание церкви — двухсветный четверик с
-                пониженной полукруглой апсидой. Его венчает барабан в виде двух, поставленных друг
+                пониженной полукруглой апсидой.</p>
+            <img src="/images/Церковь_Александра_Невского_2.webp"/>
+            <p class="normalText"> Его венчает барабан в виде двух, поставленных друг
                на друга восьмериков, с пилястрами на ребрах. Купол в виде закрытой урны, увенчан
                золотым крестом. К основному зданию церкви примыкает вытянутая по продольной оси церкви
                трапезная. Над её западной частью возвышается колокольня типа «восьмерик на четверике»
@@ -41,8 +39,14 @@
                арки которого полностью утоплены в стену.</p>
        </div>

+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
+        <div w3-include-html="/pages/footer.html"></div>

        <!-- load all included html pages -->
        <script>includeHTML();</script>
--- a/site/pages/footer.html
+++ b/site/pages/footer.html
@@ -0,0 +1,7 @@
+<footer>
+    <!-- <div class="postFooter" style="width:calc(var(--defaultBoxWhight)*1.7); text-align: center;">  -->
+    <div style="display: block; white-space: nowrap;"> 
+        <p class="miniText">©Defectum studio 2023-2023</p>
+        <p class="miniText"><a href="mailto:antonene@kormcraft.ddns.net" style="color:#d0f8ff;">antonene@kormcraft.ddns.net</a></p>
+    </div>
+</footer>
--- a/site/pages/header.html
+++ b/site/pages/header.html
@@ -1,27 +1,21 @@
 <header>
    <div class="headerButton-grid">
        <a href="/index.html" style="text-decoration:none"> 
-            <button style="background: transparent; border: none !important;">
-                <p class="titleText">Путешествия по Вологде</p>
-            </button>
-        </a>
-
-        <a href="#VologdaHistory" style="text-decoration:none" class="hidingMenu"> 
            <button style="background: transparent; border: none !important;"> </button>
-            <p class="titleTextMini">Вологда</p>
+                <p class="titleTextMini">Путешествия по Вологде</p>
        </a>

-        <a href="#AttractionsMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#AttractionsMap" style="text-decoration:none" class="hidingMenu"> 
            <button style="background: transparent; border: none !important;"> </button>
            <p class="titleTextMini">Достопримечательности</p>
        </a>

-        <a href="#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> 
            <button style="background: transparent; border: none !important;"> </button>
            <p class="titleTextMini">Рестораны</p>
        </a>

-        <a href="#HotelMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#HotelMap" style="text-decoration:none" class="hidingMenu"> 
            <button style="background: transparent; border: none !important;"> </button>
            <p class="titleTextMini">Отели</p>
        </a>
--- a/site/pages/hotel.html
+++ b/site/pages/hotel.html
@@ -1,34 +0,0 @@
-<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>
--- a/site/pages/hotels/hotel.html
+++ b/site/pages/hotels/hotel.html
@@ -0,0 +1,34 @@
+<div class="vologdaPlace">
+    <p class="titleText">Места где можно отдохнуть</p>
+        <div class="button-grid">
+            <div>
+                <a href="/pages/hotels/Отель История.html"><button class="image-button" style="background-image: url('/images/Отель_«История».webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Отель «История»</p>
+            </div>
+
+            <div>
+                <a href="/pages/hotels/Отель Аура.html"><button class="image-button" style="background-image: url('/images/Отель_Аура.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Отель «Аура»</p>
+            </div>  
+                    
+            <div>
+                <a href="/pages/hotels/ГРК Спасский.html"><button class="image-button" style="background-image: url('/images/Spasskie.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">ГРК «Спасский»</p>
+            </div>
+
+            <div>
+                <a href="/pages/hotels/Апарт-отель на Ленина.html"><button class="image-button" style="background-image: url('/images/Aparat_2.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Апарт-отель</p>
+            </div>
+
+            <div>
+                <a href="/pages/hotels/Гостиница Палисадъ.html"><button class="image-button" style="background-image: url('/images/palisad.2.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Гостиница «Палисадъ»</p>
+            </div>
+
+            <div>
+                <a href="/pages/hotels/Гостиница-люкс АнглитерЪ.html"><button class="image-button" style="background-image: url('/images/Гостиница-люкс_АнглитерЪ.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Гостиница-люкс «АнглитерЪ»</p>
+            </div>
+    </div>
+</div>
--- a/site/pages/hotels/Апарт-отель
+++ b/site/pages/hotels/Апарт-отель
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Апарт-отель на Ленина</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A39e87bca4ea6e7b544b97ae898241bf4e7d3393bf770b97838f3380ca8a53299&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Апарт-отель</p>
+            <p class="normalText">Апарт-отель на Ленина, 9 - новый дизайнерский отель, расположенный в самом центре города Вологды. Открыт в мае 2022 года. Апартаменты расположены в памятнике культурного наследия XIX века. </p>
+            <img src="/images/Aparat.webp">
+            <p class="normalText">Номерной фонд представлен апартаментами от 30 до 40 квадратных метров с различными вариантами планировочных решений. Вы можете снять апартаменты для размещения от 1 до 4 человек. 
+                В номерах есть все для комфортного проживания, независимо от выбранной категории номера. Спальни оборудованы кроватями с 
+                ортопедическими матрасами и постельным бельем премиум класса.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/apart-otel-na-lenina" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/hotels/ГРК
+++ b/site/pages/hotels/ГРК
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>ГРК «Спасский»</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A0b5774a00b46ab7736bff5a17c807e7f0db369b8284919c2df5328186a4e8a9a&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">ГРК «Спасский»</p>
+            <p class="normalText">Гостинично-развлекательный комплекс «Спасский» расположен в историческом и культурном центре города Вологды. Гостиница, ресторан, центр семейного отдыха с боулингом, бильярдом и кафе, кондитерская, 
+                кафе-столовая, бар – здесь есть все для комфортного отдыха.Светлые, просторные номера  – от «эконом» до «премиум» - 
+                сделают отдых в нашем городе еще комфортнее. </p>
+            <img src="/images/Spasskie.webp">
+            <p class="normalText">В гостинице действуют специальные прейскуранты: корпоративный, спортивный, туристический. 
+                Здесь есть все, что необходимо для работы и отдыха: wi-fi, конференц-зал на 100 человек, ресторан, 
+                бары, кафе, боулинг, бильярд, сауна и комната отдыха, сувенирная лавка, массажные кабинеты и удобная, охраняемая парковка.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/spasskaia/" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/hotels/Гостиница
+++ b/site/pages/hotels/Гостиница
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Гостиница «Палисадъ»</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A1744ce0a1a849dbe1e9adddb0c1e99efad7bd5a158ce3d2a945adb7ddebc96c7&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Гостиница «Палисадъ»</p>
+            <p class="normalText">В гостинице "Палисадъ", в каждой комнате стандартного типа для проживания вашему пользованию предоставлены: телевизионная ЖК панель, фен и удобная душевая кабина. В комнатах повышенной комфортности вашему пользованию предоставлены: надежный вместительный сейф, индивидуальный кондиционер, телевизионная ЖК панель, мощный фен, а также, ванная комната оборудована комфортным джакузи.</p>
+            <img src="/images/palisad.webp">
+            <p class="normalText">Порой в гостиницах не организован культурный отдых. Мы считаем важным сделать ваше свободное время интересным. Наша гостиница, помимо удобного месторасположения в центре города, имеет и прекрасный собственный досуг. На территории гостиницы «Палисадъ» располагаются: ресторан с разнообразной кухней, великолепно оборудованная сауна, бильярдная комната, а также, работает бесплатная сеть интернет Wi-Fi.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/palisad/" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/hotels/Гостиница-люкс
+++ b/site/pages/hotels/Гостиница-люкс
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Гостиница-люкс «АнглитерЪ»</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A0332107a93bca5b09b914a55fb14ad1a7a90d06537a0f5e5149c59fef065c71c&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Гостиница-люкс «АнглитерЪ»</p>
+            <p class="normalText">Отель класса люкс «АнглитерЪ» предлагает на Ваш выбор любой из двадцати пяти номеров. Мы располагаем номерами люкс, мансардными, стандартными двухместными и одноместными.  Наш отель люкс также украсит комнату для новобрачных, желающих торжественно отпраздновать день своей свадьбы. Словом, на любой вкус и любой взгляд – что больше придется по нраву.</p>
+            <img src="/images/Гостиница-люкс_АнглитерЪ.webp">
+            <p class="normalText">Если Вы привыкли к ощутимой, но неброской роскоши и комфорту и не желаете от них отказываться даже на время командировки, деловой или туристической поездки, то четырехзвездочный отель люкс «АнглитерЪ» услужливо распахнет перед Вами двери и предложит свои услуги.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/angliter/" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/hotels/Отель
+++ b/site/pages/hotels/Отель
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Отель «Аура»</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Ad42f5f204ef6f09d5a926985ef858e21b65e6005246823919e1b6d0f941d1da7&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Отель «Аура»</p>
+            <p class="normalText">«Аура» - отель с небольшим номерным фондом, из 43 комфортабельных и уютных номеров, расположенных в трех корпусах.
+                Наш отель готов открыть свои двери буквально для всех и для каждого.Соответственно, 
+                каждый постоялец может рассчитывать на особое внимание со стороны персонала. </p>
+            <img src="/images/hotel_aura_1.webp">
+            <p class="normalText">Семьи с детьми также могут со всеми удобствами устроиться в нашем отеле: часть номеров оборудована диванами, которые могут использоваться как дополнительное место. Отель оборудован климат-контролем. Также в каждом номере обязательно присутствует LCD телевизор, холодильник, имеется доступ к сети wi-fi, благодаря чему постояльцы будут чувствовать себя как дома. Наши гости могут быть уверены, что в отеле следят за уровнем качества сервиса. Это и есть наша главная задача.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/spa-otel-aura/" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/hotels/Отель
+++ b/site/pages/hotels/Отель
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Отель «История»</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A3c1c1b2ce612dc16b411cb29c6187a841a0a89c35ec68c7dc422c63e27b0fe0a&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Отель «История»</p>
+            <p class="normalText">В исторической части Вологды ждет гостей отель «История». Он пронизан духом прошлых столетий: открывая его двери, вы будто оказываетесь в старинной усадьбе. Роскошная мебель и люстры, великолепная отделка — здесь каждый шаг продуман дизайнером, а атмосфера настолько уединенная и романтичная, что так и хочется задержаться подольше</p>
+            <img src="/images/History.webp">
+            <p class="normalText">Но удобство гостей — на первом месте, поэтому немаловажно оснащение отеля всеми благами современности, позволяющими насладиться отдыхом. Беспроводной интернет, телевизор, холодильник, кондиционер и система климат-контроля — оказавшись в «Истории», вы не будете оторваны от цивилизации. Небольшая стоимость номеров вас приятно удивит. Историческая роскошь нашего отеля доступна, а выбрать вы можете из большого количества номеров различных категорий. Насладитесь комфортом, который создается специально для вас!</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON-->
+        <a href="https://travel.yandex.ru/hotels/vologda/istoriia/" style="text-decoration:none"> 
+            <div class = "button-background"> 
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText" style="text-align: center;"> Заказать номер</p> 
+                </button>
+            </div>
+        </a>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/restaurants.html
+++ b/site/pages/restaurants.html
@@ -1,34 +0,0 @@
-<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>
--- a/site/pages/restaurants/restaurants.html
+++ b/site/pages/restaurants/restaurants.html
@@ -0,0 +1,19 @@
+<div class="vologdaPlace">
+    <p class="titleText">Места где можно хорошо пообедать</p>
+        <div class="button-restaurant">
+            <div>
+                <a href="/pages/restaurants/Устюг Великий.html"><button class="image-button" style="background-image: url('/images/Velicii-Ustig.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Устюг Великий</p>
+            </div>
+
+            <div>
+                <a href="/pages/restaurants/Дом купчихи Ершовой.html"><button class="image-button" style="background-image: url('/images/Дом_купчихи_Ершовой.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Дом купчихи Ершовой</p>
+            </div>  
+                    
+            <div class="hidingrestaurants">
+                <a href="/pages/restaurants/Ресторан Паровозовъ.html"><button class="image-button" style="background-image: url('/images/Ресторан_Паровозовъ.webp');"></button></a>
+                <p class="placeName" style="text-align: center;">Ресторан Паровозовъ</p>
+            </div>
+    </div>
+</div>
--- a/site/pages/restaurants/Дом
+++ b/site/pages/restaurants/Дом
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Дом купчихи Ершовой</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A79e360738f7b5c7ad859e0d94c8e59fe6b2971444deb0d006696de3548d2da59&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Дом купчихи Ершовой</p>
+            <p class="normalText">Ресторан, расположившийся в центре города, на берегу реки, представляет собой отреставрированный памятник архитектуры XIX века.
+                Остановившись у Купчихи Ершовой, Вы перенесетесь в эпоху дворян и купцов, насладитесь предметами искусства и роскоши, антикварной мебелью и старинными интерьерами.
+            </p>
+            <img src="/images/ДомКупчих.webp">
+            <p class="normalText">Если вы подумываете перекусить вне душных помещений, особенно в погожий денек, то здесь имеется крытая терраса. Для летнего периода в заведении имеется специальное меню, которое прекрасно освежает в жаркую погоду. Летние кафе отличает быстрое приготовление блюд, что позволяет сократить время ожидания заказа.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/restaurants/Ресторан
+++ b/site/pages/restaurants/Ресторан
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Ресторан Паровозовъ</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A45e50714e1da3fb670c1019b251fcf80ed5686b42c48fb902de6edc1df4bf3c9&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Ресторан Паровозовъ</p>
+            <img src="/images/Паравозь.webp">
+            <p class="normalText">Ресторан "ПаровозовЪ" в Вологде - место, которое стоит посетить всем туристам.
+                Первый в Вологде семейный ресторан с уникальной подачей напитков.
+                Проводники, паровозы, подстаканники и необычайно уютная атмосфера.</p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/restaurants/Устюг
+++ b/site/pages/restaurants/Устюг
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="ru">
+    <head>
+        <link rel="stylesheet" href="/style/textFont.css">
+        <link rel="stylesheet" href="/style/background.css">
+        <link rel="stylesheet" href="/style/buttonStyle.css">
+        <link rel="stylesheet" href="/style/backgroundEffect.css">
+        <link rel="icon" href="/favicon.png">
+
+        <meta charset="utf-8"/>
+        <title>Устюг Великий</title>
+        
+        <!--HTML loader script-->
+        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
+        <!--VOLOGDA MAPS-->
+        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A1977f3768b7bacc2bff0bd96684b56d8c228a574277e2c7619613433e8965f4f&amp;id=Map&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
+    </head>
+
+    <body>
+         <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>
+
+        <!--TEXT-->
+        <div class="vologdaPlace">
+            <p class="titleText">Устюг Великий</p>
+            <p class="normalText">Мы будем рады приветствовать Вас в пивном ресторане «Устюг Великий», где Вы окунетесь в атмосферу удивительного и старинного города Великий Устюг.
+                Этот город находится в 450 км. к северу-востоку от Вологды и именем «Устюг» назван благодаря расположению близ устья реки Юг. Эпитет «Великий» город получил за свою роль в истории и торговое значение в XVI веке. В начале XX века Великий Устюг считался вторым промышленным центром в губернии после Вологды.</p>
+            <img src="/images/Velicii-Ustig.webp">
+            <p class="normalText">Великоустюгская земля — родина выдающихся мореходов и землепроходцев, сыгравших заметную роль в освоении Сибири и «Русской» Америки: Владимир Атласов, Семен Дежнев, Василий Шилов, Михаил Булдаков, Ерофей Хабаров.
+                Устюжане — трудолюбивый, рассудительный и простой народ, который сложной работы не забоится, от доброго дела не открестится, а от вкусной трапезы и вовек не откажется, будь то простой мещанин, родовой купец или обычный крестьянин. Именно эту атмосферу добра, житейской мудрости и гостеприимства мы постарались создать в пивном ресторане «Устюг Великий». </p>
+        </div>
+
+        <!--MAP-->
+        <div id="Map" class="vologdaMap"></div>
+
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
+        <!--FOOTER-->
+        <div w3-include-html="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/Музей-заповедник.html
+++ b/site/pages/Музей-заповедник.html
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="ru">
-    <head>
-        <link rel="stylesheet" href="/style/textFont.css">
-        <link rel="stylesheet" href="/style/background.css">
-        <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
-
-        <meta charset="utf-8"/>
-        <title>Историко-архитектурный и художественный музей-заповедник</title>
-        
-        <!--HTML loader script-->
-        <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
-        <!--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> -->
-    </head>
-
-    <body>
-         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
-
-        <!--TEXT-->
-        <div class="vologdaPlace">
-            <p class="titleText">Вологодский государственный историко-архитектурный и художественный музей-заповедник</p>
-            <p class="normalText">Музейный центр Вологодской области, научно-исследовательское и научно-просветительское
-                учреждение с несколькими филиалами, хранилище художественных, историко-архитектурных, литературных и
-                других памятников материальной и духовной культуры, а также природы.</p>
-            <img src="/images/музей-заповедник_2.jpg">
-            <img src="/images/музей-заповедник_3.jpg"/>
-            <img src="/images/музей-заповедник_4.jpg"/>
-            <img src="/images/музей-заповедник_5.jpg"/>
-        </div>
-
-        <!--FOOTER-->
-        <div w3-include-html="/style/footer.html"></div>
-
-        <!-- load all included html pages -->
-        <script>includeHTML();</script>
-    </body>
-</html>
--- a/site/style/background.css
+++ b/site/style/background.css
@@ -2,11 +2,25 @@
        scroll-behavior: smooth;
    }
    
-    header{
+    .buttonTop {
+        place-self:end;
+        position:sticky;
+        bottom:1vw;
+        margin-top:100vh;
+        margin-left: 85%;
+
+        text-decoration: none;
+        padding: 1vw;
+        background:  var(--vologdaBoxColor);
+        border-radius: 2vw;
+
+        z-index: 2;
+    }
+
+    header {
        margin: auto;
        left: 0;
 
-        z-index: 2;
        width: var(--headFootBoxWhight);
        background-color: var(--headerBoxColor);

@@ -16,51 +30,68 @@
        box-shadow: 0 0 1em rgba(0,0,0,0.7);
    }
    
-    body{
+    body {
        background-color: var(--bodyBoxColor);
-        background-image: url('/style/background.png');
+        background-image: url('/images/background.png');
        backdrop-filter: blur(2px);
    }

-    .vologdaDescription{
-        position:relative;
-        margin: auto;
-        margin-top: 3vw;
-
-        width: var(--defaultBoxWhight);
-
-        text-align: center;
-
-        background-color:  var(--vologdaBoxColor);
-        border-radius: 2em;
-        overflow: hidden;
-
-        box-shadow: 0 0 1em rgba(0,0,0,0.7);
-    }
-
-    .vologdaPlace{
-        position:relative;
-        margin: auto;
-
-        width: var(--defaultBoxWhight);
-        margin-top: 6vw;
-        height: 25%;
-
-        text-align: center;
-
-        background-color:  var(--vologdaBoxColor);
-        border-radius: 2em;
-        overflow: hidden;
-
-        box-shadow: 0 0 1em rgba(0,0,0,0.7);
-    }
-
-    .vologdaMap{
+    .vologdaDescription {
        position:relative;
        margin: auto;
        margin-top: var(--vologdaBoxMargin);

-        width: var(--defaultBoxWhight);
+        width: calc(var(--defaultBoxWhight)*1.26);
+
+        text-align: center;
+
+        background-color:  var(--vologdaBoxColor);
+        border-radius: 2em;
+        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
+    }
+
+    .vologdaHistoryButton {
+        position:relative;
+        margin: auto;
+        margin-top: 1vw;
+
+        text-align: center;
+
+        width: calc(var(--defaultBoxWhight) / 4);
+
+        background-color:  var(--vologdaBoxColor);
+        border-radius: 1em;
+        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
+    }
+
+    .vologdaPlace {
+        position:relative;
+        margin: auto;
+
+        width: calc(var(--defaultBoxWhight)*1.25);
+        margin-top: 6vw;
+        height: 25%;
+        max-width: 71%;
+
+        text-align: center;
+
+        background-color:  var(--vologdaBoxColor);
+        border-radius: 2em;
+        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
+    }
+
+    .vologdaMap {
+        position:relative;
+        margin: auto;
+        margin-top: var(--vologdaBoxMargin);
+
+        width: calc(var(--defaultBoxWhight)*1.25);
        height: 600px;

        text-align: center;
@@ -76,7 +107,23 @@
        box-shadow: 0 0 1em rgba(0,0,0,0.7);
    }

-    footer{
+    .button-background {
+        position:relative;
+        margin: auto;
+
+        margin-top: calc(var(--boxHeight) * 1.5);
+        width: calc(var(--headFootBoxWhight)/2);
+
+        background-color: var(--headerBoxColor);
+        border-radius: 2em;
+
+        text-align: center;
+        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
+    }
+
+    footer {
        position:relative;
 		margin: auto;

@@ -92,9 +139,10 @@
        box-shadow: 0 0 1em rgba(0,0,0,0.7);
    }
    
-    img{
+    img {
        max-width:100%;
-        max-height:100%;
+        /* max-height:100%; */
+        max-height:800px;
    }

    :root {
@@ -118,4 +166,14 @@
            --defaultBoxWhight: 90%;
            --headFootBoxWhight: 95%;
        }
+
+        .buttonTop {
+            Display: none;
+        }
+    }
+
+    @media (max-width: 800px) {
+        .vologdaHistoryButton{
+            Display: none;
+        }
    }
--- a/site/style/buttonStyle.css
+++ b/site/style/buttonStyle.css
@@ -3,8 +3,18 @@
        grid-template-columns: 4fr 4fr 4fr;
        grid-template-rows: 4fr 4fr;
        grid-gap: 4fr;
+        justify-content: center;
+        align-items: center;
    }

+    .button-restaurant {
+        display: grid;
+        grid-template-columns: 4fr 4fr 4fr;
+        grid-template-rows: 4fr;
+        grid-gap: 4fr;
+    }
+
+
    .image-button {
        width: calc(10vw * var(--sizeButton));
        height: calc(10vw * var(--sizeButton));
@@ -34,12 +44,16 @@
    .headerButton-grid {
        display: grid;
        grid-template-columns: auto auto auto auto auto;
+        justify-content: center;
+        align-items: center;
+        margin-top: -1em;
    }

    :root {
        --sizeButton: 1.5;
    }

+
    @media screen and (min-width: 1820px) {
        .image-button {
            width: 200px;
@@ -64,6 +78,17 @@
            grid-template-rows: 4fr 4fr;
            grid-gap: 4fr;
        }
+
+        .button-restaurant {
+            display: grid;
+            grid-template-columns: 4fr 4fr;
+            grid-template-rows: 4fr;
+            grid-gap: 4fr;
+        }
+
+        .hidingrestaurants {
+            Display: none;
+        }
    }


@@ -79,15 +104,22 @@
        .headerButton-grid {
            display: grid;
            grid-template-columns: auto;
-
            text-align: center;
+            margin: auto;
+            /* margin-bottom: 2em; */
        }

        .button-grid {
-            display: grid;
            display: grid;
            grid-template-columns: 4fr 4fr;
            grid-template-rows: 4fr 4fr;
            grid-gap: 4fr;
        }
+
+        .button-restaurant {
+            display: grid;
+            grid-template-columns: 4fr 4fr;
+            grid-template-rows: 4fr;
+            grid-gap: 4fr;
+        }
    }
--- a/site/style/fonts/Pacifico-Regular.eot
+++ b/site/style/fonts/Pacifico-Regular.eot
--- a/site/style/fonts/Pacifico-Regular.svg
+++ b/site/style/fonts/Pacifico-Regular.svg
--- a/site/style/fonts/Pacifico-Regular.ttf
+++ b/site/style/fonts/Pacifico-Regular.ttf
--- a/site/style/fonts/Pacifico-Regular.woff
+++ b/site/style/fonts/Pacifico-Regular.woff
--- a/site/style/footer.html
+++ b/site/style/footer.html
@@ -1,6 +0,0 @@
-<footer>
-    <div class="prevFooter"></div>
-    <div class = "postFooter"> 
-        <p class="miniText"> ©Defectum studio</p> 
-    </div>
-</footer>
--- a/site/style/textFont.css
+++ b/site/style/textFont.css
@@ -1,18 +1,19 @@
-    /* Beryozki */
+    /* Pacifico */
    @font-face {
-        font-family: 'Beryozki';
-        src: url('/style/fonts/Beryozki.eot') format('embedded-opentype');
+        font-family: 'Pacifico';
+        src: url('/style/fonts/Pacifico-Regular.eot') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
-        font-family: 'Beryozki';
-        src:  url('/style/fonts/Beryozki.woff') format('woff'),
-              url('/style/fonts/Beryozki.ttf')  format('truetype'),
-              url('/style/fonts/Beryozki.svg#Beryozki') format('svg');
+        font-family: 'Pacifico';
+        src: url('/style/fonts/Pacifico-Regular.woff') format('woff'),
+            url('/style/fonts/Pacifico-Regular.ttf') format('truetype'),
+            url('/style/fonts/Pacifico-Regular.svg#Pacifico-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
+        font-display: swap;
    }

    /* Tsarevich */
@@ -32,36 +33,64 @@
        font-style: normal;
    }

-    .normalText {
+    .infoText {
        font-size: var(--textSize);
-        /* font-family: 'Sometype Mono', monospace; */
-        font-family: 'Tahoma';
-        /* color: rgb(0, 0, 0); */
+        /* font-family: 'Pacifico'; */
+        font-family: 'Verdana';
+        margin: 1em;
+        text-align: justify;
+
+        color: rgb(255, 255, 255);
+    }
+
+    .normalText {
+        font-size: calc(var(--textSize)*1);
+        /* font-family: 'Pacifico'; */
+        font-family: 'Verdana';
+        /* margin: 0.7em; */
+        margin-left: 0.7em;
+        margin-right: 0.7em;
+
+        text-align: justify;
+
+        color: rgb(255, 255, 255);
+    }
+
+    .placeName {
+        font-size: calc(var(--textSize)*1);
+        font-family: 'Verdana';
+        text-align: center;
+
        color: rgb(255, 255, 255);
    }
    
    .titleTextMini {
        font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
-        /* font-family: 'Sometype Mono', monospace; */
-        font-family: 'Tsarevich-Regular';
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Georgia';
+        margin: 0.7em;
+        align-self: center;
+        /* text-decoration: underline; */

        color: rgb(255, 255, 255);
    }

    .titleText {
        font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
-        /* font-family: 'Sometype Mono', monospace; */
-        font-family: 'Tsarevich-Regular';
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Georgia';

-        text-align: left;
+        text-align: center;
        margin-left: 3vw;
+        margin: 0.7em;

        color: rgb(255, 255, 255);
    }

    .miniText {
        font-size: calc(var(--textSize) * 0.9);
-        font-family: 'Sometype Mono', monospace;
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Verdana';
        color: rgb(255, 255, 255);
    }

--- a/Презентация.pptx
+++ b/Презентация.pptx
Author	SHA1	Message	Date
antone	afdd951ebd	final!!!	2023-11-07 14:07:31 +03:00
antone	2701db8795	мал еньк трол линг	2023-11-07 13:52:38 +03:00
antone	09c52d8c20	обновление верхней панельки	2023-11-07 13:11:21 +03:00
antone	145ef93088	одинаковое расстояние между первым блоком	2023-11-07 13:01:17 +03:00
antone	c44cb1cc5b	кнопка вверх на все страницы!	2023-11-07 12:42:59 +03:00
antone	f065b13c62	вапше всё сломал.	2023-11-07 12:32:21 +03:00
=	2687aaeebc	favicon png во все страницы	2023-11-07 12:24:06 +03:00
=	8d27dee276	экзамен 2 (всё сломал)	2023-11-07 12:19:54 +03:00
=	2ed6c8aef4	экзамен...	2023-11-07 11:57:32 +03:00
Петухова Ростислава	a814405f7d	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-06 21:41:27 +03:00
Петухова Ростислава	bab0217b12	Clean v2	2023-11-06 21:41:07 +03:00
Antone	967caefc21	+Информация о репозитории	2023-11-06 21:25:49 +03:00
Antone	c1c43104ec	No vscode pls!!!	2023-11-06 21:20:46 +03:00
Петухова Ростислава	0ed1189eae	Add hotels button	2023-11-06 21:18:25 +03:00
Art	4e8711d3dd	banan	2023-11-06 20:49:04 +03:00
Петухова Ростислава	ac324b4eeb	Edot photo	2023-11-06 20:30:07 +03:00
Петухова Ростислава	0a190c1f6b	Add font Pacifica	2023-11-06 17:29:44 +03:00
Antone	d8d05202be	Презентация	2023-11-01 12:41:38 +03:00
Art_man	ba935d8bc7	newicon in index	2023-11-01 11:10:11 +03:00
Art_man	a5b72fae76	newicon	2023-11-01 11:09:42 +03:00
Петухова Ростислава	d00094225b	I'm very tired...	2023-11-01 04:59:59 +03:00
Петухова Ростислава	9257e7205a	2:48	2023-11-01 02:48:07 +03:00
Петухова Ростислава	04ec8fc091	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 02:47:50 +03:00
Art	c9e6d29bab	banan	2023-11-01 02:40:48 +03:00
Art	74796a2fef	banan	2023-11-01 02:29:34 +03:00
Петухова Ростислава	e4c619a957	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 02:27:03 +03:00
Art	57b0b92b68	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 02:26:35 +03:00
Art	ab1e989a3c	banan	2023-11-01 02:26:30 +03:00
Петухова Ростислава	f2f1171a28	Vologda history button	2023-11-01 02:14:33 +03:00
Frog-Lover-Antony	7c150229f7	Создание презентации	2023-11-01 02:03:37 +03:00
Art	e14bc55535	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 01:58:43 +03:00
Art	6a821e29bb	banan	2023-11-01 01:58:32 +03:00
Петухова Ростислава	060018033f	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 01:42:14 +03:00
Петухова Ростислава	2d516657e4	Clear file	2023-11-01 01:41:20 +03:00