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.png">
        <link rel="icon" href="/favicon.ico">
        <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-->
+        <!--HEADER -->
-        <div w3-include-html="/style/snowflakes.html"></div>
+        <div w3-include-html="/pages/header.html"></div>
         <!--HEADER -->
        <div w3-include-html="/style/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-->
+        <!--BUTTON TOP-->
-        <footer>
+        <a href="#" class="buttonTop miniText">Вверх!</a>
-            <div class="prevFooter"></div>
+
            <div class = "postFooter"> 
                <p class="miniText"> ©Defectum studio</p> 
            </div>
        </footer>
        <!-- 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: var(--headFootBoxWhight);
-        width: 70%;
+        background-color: var(--headerBoxColor);
        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{
+    .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{
        position:relative;
        margin: auto;
        margin-top: var(--vologdaBoxMargin);
-        width: var(--blockSize);
+        width: calc(var(--defaultBoxWhight)*1.26);
-        height: 30vw;
+
        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 */
+        -moz-border-radius: 2em 2em 2em 2em; /* Firefox */
-        -webkit-border-radius: 1vw 1vw 1vw 1vw; /* Safari, Chrome */
+        -webkit-border-radius: 2em 2em 2em 2em; /* Safari, Chrome */
-        -khtml-border-radius: 1vw 1vw 1vw 1vw; /* KHTML */
+        -khtml-border-radius: 2em 2em 2em 2em; /* KHTML */
-        border-radius: 1vw 1vw 1vw 1vw; /* CSS3 */
+        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';
+        font-family: 'Pacifico';
-        src: url('/style/fonts/Beryozki.eot') format('embedded-opentype');
+        src: url('/style/fonts/Pacifico-Regular.eot') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
-        font-family: 'Beryozki';
+        font-family: 'Pacifico';
-        src:  url('/style/fonts/Beryozki.woff') format('woff'),
+        src: url('/style/fonts/Pacifico-Regular.woff') format('woff'),
-              url('/style/fonts/Beryozki.ttf')  format('truetype'),
+            url('/style/fonts/Pacifico-Regular.ttf') format('truetype'),
-              url('/style/fonts/Beryozki.svg#Beryozki') format('svg');
+            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;
+        /* font-family: 'Pacifico'; */
-        /* color: rgb(0, 0, 0); */
+        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: center;
        text-align: left;
        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'; */
-        color: rgb(0, 0, 0);
+        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
		`@@ -0,0 +1,2 @@`
							`Репозиторий для тематического Вологодского сайта.`
							`Создан командой Defectum из группы ИСП-420ИС.`