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
69 changed files with 13153 additions and 320 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+*.vscode/*
--- a/README.md
+++ b/README.md
@@ -0,0 +1,2 @@
+Репозиторий для тематического Вологодского сайта.
+Создан командой Defectum из группы ИСП-420ИС.
--- a/site/.vscode/settings.json
+++ b/site/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.host": "0.0.0.0"
+}
--- 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/Бульвар
+++ b/site/images/Бульвар
--- 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/Отель_Аура.webp
+++ b/site/images/Отель_Аура.webp
--- a/site/images/Памятник_букве_О.webp
+++ b/site/images/Памятник_букве_О.webp
--- a/site/images/Паравозь.webp
+++ b/site/images/Паравозь.webp
--- a/site/images/Пирогова_1.webp
+++ b/site/images/Пирогова_1.webp
--- a/site/images/Пирогова_2.webp
+++ b/site/images/Пирогова_2.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/Церковь_Александра_Невского.webp
+++ b/site/images/Церковь_Александра_Невского.webp
--- a/site/images/Церковь_Александра_Невского_2.webp
+++ b/site/images/Церковь_Александра_Невского_2.webp
--- a/site/images/музей-заповедник_1.webp
+++ b/site/images/музей-заповедник_1.webp
--- a/site/images/музей-заповедник_3.webp
+++ b/site/images/музей-заповедник_3.webp
--- a/site/images/музей-заповедник_4.webp
+++ b/site/images/музей-заповедник_4.webp
--- a/site/index.html
+++ b/site/index.html
@@ -4,29 +4,27 @@
        <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> -->
+        <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>
-        <!--SNOWFLAKES-->
-        <div w3-include-html="/style/snowflakes.html"></div>
-
-         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
+        <!--HEADER -->
+        <div w3-include-html="/pages/header.html"></div>

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

        <!--ATTRACTIONS-->
@@ -34,19 +32,28 @@
            <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/restaurants.html"></div>
+
+        <!--HOTEL-->
+        <div id="HotelMap" class="vologdaMap">
+            <p class="titleText">Отели Вологды</p>
+        </div>
+
+        <div w3-include-html="/pages/hotels/hotel.html"></div>
        
+        <!--FOOTER && BUTTON TOP-->
+        <div w3-include-html="/pages/footer.html"></div>
        
-        <!--FOOTER-->
-        <footer>
-            <div class="prevFooter"></div>
-            <div class = "postFooter"> 
-                <p class="miniText"> ©Defectum studio</p> 
-            </div>
-        </footer>
-        
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+
        <!-- load all included html pages -->
        <script>includeHTML();</script>
    </body>
--- a/site/pages/attractions.html
+++ b/site/pages/attractions.html
@@ -1,44 +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('https://avatars.mds.yandex.net/get-altay/1909414/2a0000016ae3289d21e668710123484a2ba4/XXXL');"></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('https://avatars.mds.yandex.net/get-altay/10703420/2a0000018aa8a9bc716ee91011ad8e39d9d3/XXXL');"></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('https://avatars.mds.yandex.net/get-altay/9663145/2a00000189fcf8d098873379888732ea442f/XXXL');"></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('https://avatars.mds.yandex.net/get-altay/5099617/2a000001827c21670f508af692362e7074a5/XXXL');"></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('https://avatars.mds.yandex.net/get-altay/10589039/2a0000018aa9f71543a9c2c4fed3e048ce5a/XXXL');"></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('https://avatars.mds.yandex.net/get-altay/4336337/2a0000017758c929f9c648c203c32557b43a/XXXL');"></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/Бульвар
@@ -0,0 +1,61 @@
+<!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%3A895e1057607a73b587e3f06328f6d256c77fed5213874636e1773ce99ed4df95&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/Пирогова_1.webp"/>
+            <p class="normalText">Одно из самых излюбленных общественных пространств
+                Вологды – бульвар на улице Пирогова – с наступлением весны расцвел
+                яркими красками. Назло всем недоброжелателям, которые твердили, что
+                бульвар «растает вместе со снегом», пешеходная улица стала местом притяжения
+                местных жителей и каждый вечер собирает десятки горожан, отдыхающих в тени
+                раскидистых деревьев.</p>
+            <p class="normalText">Километровая пешеходная улица приняла совершенно новый вид
+                после благоустройства в 2020 году. От Советского проспекта до улицы Чехова её
+                разделили на четыре функциональных участка: «Парадный», «Домашний», «Сентиментальный»
+                и «Школьный». Каждый из них имеет свое оформление, соответствует особенностям
+                территории и окружающему пространству. Так, на «Домашнем» участке установлено больше
+                скамеек и оборудованы места для игры в шашки и шахматы. На участке «Сентиментальный» в
+                районе коррекционной школы №1 расположился тактильный лес, а покрытие тротуара вблизи
+                пешеходного перехода через улицу Ветошкина сделано с особыми рельефными индикаторами.</p>
+            <img src="/images/Пирогова_2.webp"/>
+            <p class="normalText">Благоустройство бульвара Пирогова в Вологде не осталось незамеченным.
+                Министерство строительства и жилищно-коммунального хозяйства РФ включило улицу в федеральный
+                реестр лучших практик благоустройства общественных пространств в 2020 году. Всего в список
+                вошли 117 проектов из 40 регионов страны. Бульвар был признан лучшим в номинации «Улица как
+                общественное пространство».</p>
+            <!-- <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="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/attractions/Музей
+++ b/site/pages/attractions/Музей
@@ -0,0 +1,51 @@
+<!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%3A53e047d5b90b162aa56b0853b700ef1c6c1b9f489e481bbd2ab17b1667746909&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/Музей_кружева_2.webp"/>
+            <p class="normalText">Музей в городе Вологде, филиал Вологодского государственного
+                историко-архитектурного и художественного музея-заповедника</p>
+            <p class="normalText">Музей находится в историческом центре Вологды в двухэтажном каменном здании
+                бывшего Госбанка — объекте культурного наследия федерального значения середины XIX века.
+                Это здание связано с именами двух известных в прошлом вологжан. Первым владельцем здания был
+                Александр Васильевич Сорокин, выходец из удельных крестьян села Турундаева Вологодского уезда,
+                наживший в купечестве немалый капитал. Александр Васильевич неоднократно избирался гласным Вологодской
+                Городской Думы и два срока был городским головой Вологды. В 1859 году А. В. Сорокин продал дом
+                подполковнику Николаю Петровичу Брянчанинову представителю известного в Вологодской губернии дворянского
+                рода Брянчаниновых.</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/Музей-заповедник.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/Памятник
@@ -0,0 +1,50 @@
+<!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%3A547fdd4037d22610d0d4b081951206854f086edfe502c936e5060f61edce8a71&amp;id=Maps&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">Памятник, установленный в 2012 году в Вологде и
+                призванный увековечить одно из наиболее характерных явлений северных
+                русских говоров, в том числе вологодских, — оканье.</p>
+            <img src="/images/Памятник_букве_О.webp"/>  
+            <p class="normalText">Выполнен из металла и украшен традиционными северными
+                узорами. Высота около трёх метров с учётом постамента.
+                Вес около 300 килограммов.Располагается в самом центре Вологды,
+                в сквере на Соборной горке у Кремлёвской площади, напротив дома писателя
+                Варлама Шаламова.</p>
+            <!-- <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="/pages/footer.html"></div>
+
+        <!-- load all included html pages -->
+        <script>includeHTML();</script>
+    </body>
+</html>
--- a/site/pages/attractions/Посидим-поокаем.html
+++ b/site/pages/attractions/Посидим-поокаем.html
@@ -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="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%3A552163fc534e45aac9908e490016422081da0d7e7f7084d025e4409f568f2ba2&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">В 2015 году на набережной реки Вологды появилась
+                кованая скамейка, спинку которой украшает задорная надпись "Посидим-поокаем".
+                Эта милая скамейка - подарок вологжанам ко Дню города от кузнецов, участвовавших
+                во втором международном фестивале народных промыслов "Голос ремёсел". Арт-объект
+                расположен в прекрасном месте. Сидя на скамейке, которая, кстати, является
+                двухсторонней, можно любоваться живописными видами города: рекой Вологдой,
+                храмом Сретения Господня.</p>
+            <img src="/images/Посидим_поокаем_2.webp"/>
+            <p class="normalText">Спустя год на скамейке появились ещё два элемента - кованая
+                гармошка и книга стихов Николая Рубцова. Эти детали украсили арт-объект в честь
+                80-летия со дня рождения вологодского поэта. По словам создателей, предметы были
+                выбраны неслучайно. Гармонь была любимым музыкальным инструментом поэта, а книга его
+                стихотворений напоминает о творческом даре Николя Рубцова.</p>
+            <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/Церковь
@@ -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="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%3Afeda85fbee28dfd36dcf6cff5d04708b93f51a1393f60288e0cb23b5f8404b9e&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">Xрам во имя святого благоверного князя Александра Невского</p>
+            <p class="normalText">Православный храм в Вологде, памятник архитектуры регионального
+                значения XVIII века. Основание храма связано с пребыванием в Вологде в 1556 году особо
+                почитаемой в Русской православной церкви Великорецкой иконы Николая Чудотворца.
+                Церковь построена из кирпича. Имеет трехчастную композицию, строго
+                симметричную по продольной оси. Основное здание церкви — двухсветный четверик с
+                пониженной полукруглой апсидой.</p>
+            <img src="/images/Церковь_Александра_Невского_2.webp"/>
+            <p class="normalText"> Его венчает барабан в виде двух, поставленных друг
+                на друга восьмериков, с пилястрами на ребрах. Купол в виде закрытой урны, увенчан
+                золотым крестом. К основному зданию церкви примыкает вытянутая по продольной оси церкви
+                трапезная. Над её западной частью возвышается колокольня типа «восьмерик на четверике»
+                с позднейшим куполом и шпилем. Внешний декор характерен для XVIII века и представлен
+                сдвоенными пилястрами ионического ордера и полуколонками в углах и рамочными наличниками с
+                треугольными фронтонами. Главный вход в церковь раскрывается в виде перспективного портала,
+                арки которого полностью утоплены в стену.</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/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
@@ -0,0 +1,23 @@
+<header>
+    <div class="headerButton-grid">
+        <a href="/index.html" style="text-decoration:none"> 
+            <button style="background: transparent; border: none !important;"> </button>
+                <p class="titleTextMini">Путешествия по Вологде</p>
+        </a>
+
+        <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="/index.html#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> 
+            <button style="background: transparent; border: none !important;"> </button>
+            <p class="titleTextMini">Рестораны</p>
+        </a>
+
+        <a href="/index.html#HotelMap" style="text-decoration:none" class="hidingMenu"> 
+            <button style="background: transparent; border: none !important;"> </button>
+            <p class="titleTextMini">Отели</p>
+        </a>
+    </div>   
+</header>
--- 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/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>Site</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>
-        <!-- SNOWFLAKES -->
-        <div w3-include-html="/style/snowflakes.html"></div>
-
-         <!--HEADER -->
-        <div w3-include-html="/style/header.html"></div>
-
-        <!--VOLOGDA DESCRIPTION-->
-        <div class="vologdaDescription">
-            <p class="normalText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
-        </div>
-
-        <!--FOOTER-->
-        <footer>
-            <div class="prevFooter"></div>
-            <div class = "postFooter"> 
-                <p class="miniText"> ©Defectum studio</p> 
-            </div>
-        </footer>
-        <!-- load all included html pages -->
-        <script>includeHTML();</script>
-    </body>
-</html>
--- a/site/style/background.css
+++ b/site/style/background.css
@@ -2,123 +2,178 @@
        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;
-        top: 10%;
 
-        z-index: 2;
-        width: 70%;
-        background-color:  var(--headerBoxColor);
+        width: var(--headFootBoxWhight);
+        background-color: var(--headerBoxColor);

        border-radius: 2vw;
        overflow: hidden;
+
+        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: 6vw;
-
-        width: var(--blockSize);
-
-        text-align: center;
-
-        background-color:  var(--vologdaBoxColor);
-        border-radius: 1vw;
-        overflow: hidden;
-    }
-
-    .vologdaPlace{
-        position:relative;
-        margin: auto;
-
-        width: var(--blockSize);
-        margin-top: 6vw;
-        height: 25%;
-
-        text-align: center;
-
-        background-color:  var(--vologdaBoxColor);
-        border-radius: 1vw;
-        overflow: hidden;
-    }
-
-    .vologdaMap{
+    .vologdaDescription {
        position:relative;
        margin: auto;
        margin-top: var(--vologdaBoxMargin);

-        width: var(--blockSize);
-        height: 30vw;
+        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;

        background-color:  var(--vologdaBoxColor);
        overflow: hidden;

-        -moz-border-radius: 1vw 1vw 1vw 1vw; /* Firefox */
-        -webkit-border-radius: 1vw 1vw 1vw 1vw; /* Safari, Chrome */
-        -khtml-border-radius: 1vw 1vw 1vw 1vw; /* KHTML */
-        border-radius: 1vw 1vw 1vw 1vw; /* CSS3 */
+        -moz-border-radius: 2em 2em 2em 2em; /* Firefox */
+        -webkit-border-radius: 2em 2em 2em 2em; /* Safari, Chrome */
+        -khtml-border-radius: 2em 2em 2em 2em; /* KHTML */
+        border-radius: 2em 2em 2em 2em; /* CSS3 */
+
+        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;

        margin-top: calc(var(--boxHeight) * 1.5);
-        width: 70%;
-    }
+        width: var(--headFootBoxWhight);

+        background-color: var(--headerBoxColor);
+        border-radius: 2em;

-    .prevFooter{
-        height: calc(var(--boxHeight) * 0.4);
-
-        border-top-right-radius: 1vw;
-        border-top-left-radius: 1vw;
-        background-color:  var(--postHeaderBoxColor);
-    }
-
-    .postFooter{
-		border-bottom-right-radius: 1vw;
-        border-bottom-left-radius: 1vw;
-        background-color:  var(--headerBoxColor);
-     
        text-align: center;
        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
    }
- 
+    
+    img {
+        max-width:100%;
+        /* max-height:100%; */
+        max-height:800px;
+    }
+
    :root {
-        /* --headerBoxColor:rgb(177, 250, 250); */
-        --headerBoxColor:rgb(227, 38, 54);
-
-        /* --postHeaderBoxColor:rgb(175, 238, 238); */
-        --postHeaderBoxColor:rgb(173, 32, 43);
-
-        /* 89, 152, 197 */
-        /* --bodyBoxColor:rgb(255, 255, 255); */
-        /* --bodyBoxColor:rgb(39, 38, 53); */
-        /* --bodyBoxColor:rgb(78, 89, 140); */
-        /* --bodyBoxColor:rgb(10, 9, 3); */
-        --bodyBoxColor:rgb(89, 152, 197);
-
-
-
-
-        
-
        --vologdaBoxMargin: 6vw;
-        --blockSize: 50vw;
-        
-        /* --vologdaBoxColor: rgb(177, 250, 250); */
-        --vologdaBoxColor: rgb(227, 38, 54);
-        
-
        --boxHeight: 3.1vw;
+
+        --defaultBoxWhight: 750px;
+        --headFootBoxWhight: 950px;
+
+        --headerBoxColor:rgb(177, 250, 250);
+
+        --postHeaderBoxColor:rgb(175, 238, 238);
+ 
+        --headerBoxColor:rgb(173, 32, 43);
+        --bodyBoxColor:rgb(255, 255, 255);
+        --vologdaBoxColor: rgb(173, 32, 43);
+    }
+
+    @media (max-width: 1100px) {
+        :root {
+            --defaultBoxWhight: 90%;
+            --headFootBoxWhight: 95%;
+        }
+
+        .buttonTop {
+            Display: none;
+        }
+    }
+
+    @media (max-width: 800px) {
+        .vologdaHistoryButton{
+            Display: none;
+        }
    }
--- a/site/style/background.png
+++ b/site/style/background.png
--- a/site/style/backgroundEffect.css
+++ b/site/style/backgroundEffect.css
@@ -1,76 +0,0 @@
-
-  .snowflake {
-      color: #757575;
-      font-size: 1em;
-      font-family: 'Sometype Mono', monospace;
-      position: fixed;
-      top: -10%;
-      user-select: none;
-      cursor: default;
-      animation-name: snowflakes-fall, snowflakes-shake;
-      animation-duration: 10s, 3s;
-      animation-timing-function: linear, ease-in-out;
-      animation-iteration-count: infinite, infinite;
-      animation-play-state: running, running;
-      z-index: -1;
-  }
-  
-  .snowflake:nth-of-type(0) {
-      left: 1%;
-      animation-delay: 0s, 0s;
-  }
-  
-  .snowflake:nth-of-type(1) {
-      left: 10%;
-      animation-delay: 1s, 1s;
-  }
-  
-  .snowflake:nth-of-type(2) {
-      left: 20%;
-      animation-delay: 6s, .5s;
-  }
-  
-  .snowflake:nth-of-type(3) {
-      left: 30%;
-      animation-delay: 4s, 2s;
-  }
-  
-  .snowflake:nth-of-type(4) {
-      left: 40%;
-      animation-delay: 2s, 2s;
-  }
-  
-  .snowflake:nth-of-type(5) {
-      left: 50%;
-      animation-delay: 8s, 3s;
-  }
-  
-  .snowflake:nth-of-type(6) {
-      left: 60%;
-      animation-delay: 6s, 2s;
-  }
-  
-  .snowflake:nth-of-type(7) {
-      left: 70%;
-      animation-delay: 2.5s, 1s;
-  }
-  
-  .snowflake:nth-of-type(8) {
-      left: 80%;
-      animation-delay: 1s, 0s;
-  }
-  
-  .snowflake:nth-of-type(9) {
-      left: 90%;
-      animation-delay: 3s, 1.5s;
-  }
-  
-  @keyframes snowflakes-fall {
-      0% {
-          top: -10%;
-      }
-      100% {
-          top: 100%;
-      }
-    }
-   
--- a/site/style/buttonStyle.css
+++ b/site/style/buttonStyle.css
@@ -1,12 +1,20 @@
-    
    .button-grid {
-        display: grid;
        display: grid;
        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));
@@ -30,9 +38,88 @@
        left: 0;
        width: 100%;
        height: 100%;
-        background: rgba(0, 0, 0, 0.5); /* Настройка цвета и прозрачности для блока с заголовком */
+        background: rgba(0, 0, 0, 0.5);
+    }
+
+    .headerButton-grid {
+        display: grid;
+        grid-template-columns: auto auto auto auto auto;
+        justify-content: center;
+        align-items: center;
+        margin-top: -1em;
    }

    :root {
-        --sizeButton: 1;
-    }
+        --sizeButton: 1.5;
+    }
+
+
+    @media screen and (min-width: 1820px) {
+        .image-button {
+            width: 200px;
+            height: 200px;
+        
+            border: none;
+            background-size: cover;
+            border-radius: calc(0.3vw * var(--sizeButton));
+        }
+    }
+
+
+    @media screen and (max-width: 1100px) {
+        :root {
+            --sizeButton: 4;
+        }
+
+        .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;
+        }
+
+        .hidingrestaurants {
+            Display: none;
+        }
+    }
+
+
+    @media screen and (max-width: 920px) {
+        :root {
+            --sizeButton: 4;
+        }
+
+        .hidingMenu {
+            Display: none;
+        }
+
+        .headerButton-grid {
+            display: grid;
+            grid-template-columns: auto;
+            text-align: center;
+            margin: auto;
+            /* margin-bottom: 2em; */
+        }
+
+        .button-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/header.html
+++ b/site/style/header.html
@@ -1,3 +0,0 @@
-<header>
-    <p class="titleText">Вологда путешествия</p>
-</header>
--- a/site/style/snowflakes.html
+++ b/site/style/snowflakes.html
@@ -1,29 +0,0 @@
-<div class="snowflakes">
-    <div class="snowflake">
-        В ВОЛОГДЕ ВКУСНОЕ МОЛОКО !
-    </div>
-    <div class="snowflake">
-        ВОЛОГДА СУПЕР !
-    </div>
-    <div class="snowflake">
-        ГДЕ ? В ВОЛОГДЕ !
-    </div>
-    <div class="snowflake">
-        КРУЖЕВА ПРОСТО КЛАСС !
-    </div>
-    <div class="snowflake">
-        МАСЛО ЛУЧШЕЕ !
-    </div>
-    <div class="snowflake">
-        В ВОЛОГДЕ КЛАСС !
-    </div>
-    <div class="snowflake">
-        В ВОЛОГДЕ ПРЕКРАСНО!
-    </div>
-    <div class="snowflake">
-        ВОЛОГДА СУПЕР !
-    </div>
-    <div class="snowflake">
-        ВОЛОГДА!
-    </div>
-</div>
--- 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,31 +33,67 @@
        font-style: normal;
    }

-    .normalText {
+    .infoText {
        font-size: var(--textSize);
-        font-family: 'Sometype Mono', monospace;
-        /* 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: '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;
-        color: rgb(0, 0, 0);
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Verdana';
+        color: rgb(255, 255, 255);
    }

    :root {
        --textSize: 1.2em;
-    }
+    }
--- a/Презентация.pptx
+++ b/Презентация.pptx
--- a/сайте.txt
+++ b/сайте.txt
@@ -1,7 +1,7 @@
 Главная:
 	-достопромичетальности
 	-Где покушать
-	-Турагентсва
+	-Турагентсва или отелей
 	-История Вологды
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
Frog-Lover-Antony	e5b7494c3d	place, vologda	2023-11-01 01:27:03 +03:00
Петухова Ростислава	688fe62be7	Heder_final	2023-11-01 01:26:09 +03:00
Петухова Ростислава	ba6d0d1776	Site v4	2023-11-01 01:19:15 +03:00
Frog-Lover-Antony	b6ba139b1d	Merge branch 'main' of http://openshediavault.local:3000/Defectum/Site_Vologda	2023-11-01 00:55:30 +03:00
Frog-Lover-Antony	e0bd7c9870	pages v1	2023-11-01 00:54:02 +03:00
Петухова Ростислава	ae7c6a33af	Header v3	2023-11-01 00:52:34 +03:00
Петухова Ростислава	987a90f5ab	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-11-01 00:48:31 +03:00
Петухова Ростислава	10d620cffe	UP++	2023-11-01 00:48:22 +03:00
Frog-Lover-Antony	3c2e46af72	font+img	2023-10-31 23:42:32 +03:00
Петухова Ростислава	e03899ba16	Merge branch 'main' of http://kormcraft.ddns.net:3000/Defectum/Site_Vologda	2023-10-31 23:06:58 +03:00
Петухова Ростислава	17edfca237	Clear V1	2023-10-31 23:06:48 +03:00
Frog-Lover-Antony	2c058fc856	база страниц информации	2023-10-31 23:06:00 +03:00
Frog-Lover-Antony	629f6cbd3c	bg	2023-10-31 22:30:06 +03:00
Петухова Ростислава	3a1318276e	fix++	2023-10-31 22:20:39 +03:00
Frog-Lover-Antony	45f4fca20a	+images	2023-10-31 22:15:32 +03:00
Петухова Ростислава	0e7c5f5c6e	Adaptive V3	2023-10-31 22:11:17 +03:00
Петухова Ростислава	35c5c703e3	Version V3	2023-10-31 21:50:29 +03:00
Петухова Ростислава	411d63118d	Commit v2	2023-10-31 21:31:34 +03:00
Петухова Ростислава	389128cdd5	Adaptive v2	2023-10-31 21:24:56 +03:00
Петухова Ростислава	2d3fca2c6e	Footer v2	2023-10-31 20:29:28 +03:00