Compare commits

...

34 Commits

Author SHA1 Message Date
afdd951ebd final!!! 2023-11-07 14:07:31 +03:00
2701db8795 мал еньк трол линг 2023-11-07 13:52:38 +03:00
09c52d8c20 обновление верхней панельки 2023-11-07 13:11:21 +03:00
145ef93088 одинаковое расстояние между первым блоком 2023-11-07 13:01:17 +03:00
c44cb1cc5b кнопка вверх на все страницы! 2023-11-07 12:42:59 +03:00
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
967caefc21 +Информация о репозитории 2023-11-06 21:25:49 +03:00
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
d8d05202be Презентация 2023-11-01 12:41:38 +03:00
ba935d8bc7 newicon in index 2023-11-01 11:10:11 +03:00
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
70 changed files with 12808 additions and 285 deletions

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.vscode/*

2
README.md Normal file
View File

@@ -0,0 +1,2 @@
Репозиторий для тематического Вологодского сайта.
Создан командой Defectum из группы ИСП-420ИС.

BIN
site/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 385 KiB

BIN
site/images/Aparat.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

BIN
site/images/Aparat_2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 264 KiB

BIN
site/images/History.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

BIN
site/images/Spasskie.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

View File

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

BIN
site/images/palisad.2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

BIN
site/images/palisad.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 332 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 569 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 203 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 318 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 245 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 520 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 568 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 642 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 765 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 908 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 92 KiB

View File

@@ -1,18 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<link rel="stylesheet" href="/style/menu.css">
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Вологда путешествия</title> <title>Путешествия по Вологде</title>
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--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%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>
@@ -21,11 +20,11 @@
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--VOLOGDA DESCRIPTION--> <!--VOLOGDA DESCRIPTION-->
<div class="vologdaDescription"> <div class="vologdaDescription">
<p class="normalText">Вологда город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний с девятивековой историей, богатый с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p> <p class="infoText">Вологда город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний с девятивековой историей, богатый с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
</div> </div>
<!--ATTRACTIONS--> <!--ATTRACTIONS-->
@@ -33,24 +32,27 @@
<p class="titleText">Достопримечательности Вологды</p> <p class="titleText">Достопримечательности Вологды</p>
</div> </div>
<div w3-include-html="/pages/attractions.html"></div> <div w3-include-html="/pages/attractions/attractions.html"></div>
<!--RESTAURANTS--> <!--RESTAURANTS-->
<div id="RestaurantsMap" class="vologdaMap"> <div id="RestaurantsMap" class="vologdaMap">
<p class="titleText">Рестораны Вологды</p> <p class="titleText">Рестораны Вологды</p>
</div> </div>
<div w3-include-html="/pages/restaurants.html"></div> <div w3-include-html="/pages/restaurants/restaurants.html"></div>
<!--HOTEL--> <!--HOTEL-->
<div id="HotelMap" class="vologdaMap"> <div id="HotelMap" class="vologdaMap">
<p class="titleText">Отели Вологды</p> <p class="titleText">Отели Вологды</p>
</div> </div>
<div w3-include-html="/pages/hotel.html"></div> <div w3-include-html="/pages/hotels/hotel.html"></div>
<!--FOOTER--> <!--FOOTER && BUTTON TOP-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

View File

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

View File

@@ -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>

View File

@@ -4,8 +4,7 @@
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Бульвар Пирогова</title> <title>Бульвар Пирогова</title>
@@ -13,18 +12,17 @@
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--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" 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>
<!-- <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> </head>
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Бульвар Пирогова</p> <p class="titleText">Бульвар Пирогова</p>
<img src="/images/Пирогова_1.jpg"/> <img src="/images/Пирогова_1.webp"/>
<p class="normalText">Одно из самых излюбленных общественных пространств <p class="normalText">Одно из самых излюбленных общественных пространств
Вологды бульвар на улице Пирогова с наступлением весны расцвел Вологды бульвар на улице Пирогова с наступлением весны расцвел
яркими красками. Назло всем недоброжелателям, которые твердили, что яркими красками. Назло всем недоброжелателям, которые твердили, что
@@ -39,17 +37,23 @@
скамеек и оборудованы места для игры в шашки и шахматы. На участке «Сентиментальный» в скамеек и оборудованы места для игры в шашки и шахматы. На участке «Сентиментальный» в
районе коррекционной школы №1 расположился тактильный лес, а покрытие тротуара вблизи районе коррекционной школы №1 расположился тактильный лес, а покрытие тротуара вблизи
пешеходного перехода через улицу Ветошкина сделано с особыми рельефными индикаторами.</p> пешеходного перехода через улицу Ветошкина сделано с особыми рельефными индикаторами.</p>
<img src="/images/Пирогова_2.jpg"/> <img src="/images/Пирогова_2.webp"/>
<p class="normalText">Благоустройство бульвара Пирогова в Вологде не осталось незамеченным. <p class="normalText">Благоустройство бульвара Пирогова в Вологде не осталось незамеченным.
Министерство строительства и жилищно-коммунального хозяйства РФ включило улицу в федеральный Министерство строительства и жилищно-коммунального хозяйства РФ включило улицу в федеральный
реестр лучших практик благоустройства общественных пространств в 2020 году. Всего в список реестр лучших практик благоустройства общественных пространств в 2020 году. Всего в список
вошли 117 проектов из 40 регионов страны. Бульвар был признан лучшим в номинации «Улица как вошли 117 проектов из 40 регионов страны. Бульвар был признан лучшим в номинации «Улица как
общественное пространство».</p> общественное пространство».</p>
<img src="/images/Пирогова_3.jpg"/> <!-- <img src="/images/Пирогова_3.webp"/> -->
</div> </div>
<!--MAP-->
<div id="Map" class="vologdaMap"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

View File

@@ -4,22 +4,21 @@
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Музей кружева</title> <title>Музей кружева</title>
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--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" 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>
<!-- <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> </head>
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
@@ -37,8 +36,14 @@
рода Брянчаниновых.</p> рода Брянчаниновых.</p>
</div> </div>
<!--MAP-->
<div id="Map" class="vologdaMap"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

View File

@@ -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>

View File

@@ -4,8 +4,7 @@
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Памятник букве О</title> <title>Памятник букве О</title>
@@ -13,32 +12,37 @@
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--VOLOGDA MAPS-->
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=AttractionsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
<!-- <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adff641cfd3a15a83ae8bfb686cf24c228c2737343f7aa7ea54e39ad42c100ead&amp;id=RestaurantsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script> --> <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A547fdd4037d22610d0d4b081951206854f086edfe502c936e5060f61edce8a71&amp;id=Maps&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
</head> </head>
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Памятник букве О</p> <p class="titleText">Памятник букве О</p>
<img src="/images/Памятник_букве_О.webp"/>
<p class="normalText">Памятник, установленный в 2012 году в Вологде и <p class="normalText">Памятник, установленный в 2012 году в Вологде и
призванный увековечить одно из наиболее характерных явлений северных призванный увековечить одно из наиболее характерных явлений северных
русских говоров, в том числе вологодских, — оканье.</p> русских говоров, в том числе вологодских, — оканье.</p>
<img src="/images/Памятник_букве_О.webp"/>
<p class="normalText">Выполнен из металла и украшен традиционными северными <p class="normalText">Выполнен из металла и украшен традиционными северными
узорами. Высота около трёх метров с учётом постамента. узорами. Высота около трёх метров с учётом постамента.
Вес около 300 килограммов.</p> Вес около 300 килограммов.Располагается в самом центре Вологды,
<p class="normalText">Располагается в самом центре Вологды,
в сквере на Соборной горке у Кремлёвской площади, напротив дома писателя в сквере на Соборной горке у Кремлёвской площади, напротив дома писателя
Варлама Шаламова.</p> Варлама Шаламова.</p>
<img src="/images/Памятник_букве_О_2.webp"/> <!-- <img src="/images/Памятник_букве_О_2.webp"/> -->
</div> </div>
<!--MAP-->
<div id="Maps" class="vologdaMap"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

View File

@@ -4,8 +4,7 @@
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Посидим-поокаем</title> <title>Посидим-поокаем</title>
@@ -13,18 +12,16 @@
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--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" 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>
<!-- <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> </head>
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Посидим-поокаем</p> <p class="titleText">Посидим-поокаем</p>
<img src="/images/Посидим_поокаем_2.webp"/>
<p class="normalText">В 2015 году на набережной реки Вологды появилась <p class="normalText">В 2015 году на набережной реки Вологды появилась
кованая скамейка, спинку которой украшает задорная надпись "Посидим-поокаем". кованая скамейка, спинку которой украшает задорная надпись "Посидим-поокаем".
Эта милая скамейка - подарок вологжанам ко Дню города от кузнецов, участвовавших Эта милая скамейка - подарок вологжанам ко Дню города от кузнецов, участвовавших
@@ -32,6 +29,7 @@
расположен в прекрасном месте. Сидя на скамейке, которая, кстати, является расположен в прекрасном месте. Сидя на скамейке, которая, кстати, является
двухсторонней, можно любоваться живописными видами города: рекой Вологдой, двухсторонней, можно любоваться живописными видами города: рекой Вологдой,
храмом Сретения Господня.</p> храмом Сретения Господня.</p>
<img src="/images/Посидим_поокаем_2.webp"/>
<p class="normalText">Спустя год на скамейке появились ещё два элемента - кованая <p class="normalText">Спустя год на скамейке появились ещё два элемента - кованая
гармошка и книга стихов Николая Рубцова. Эти детали украсили арт-объект в честь гармошка и книга стихов Николая Рубцова. Эти детали украсили арт-объект в честь
80-летия со дня рождения вологодского поэта. По словам создателей, предметы были 80-летия со дня рождения вологодского поэта. По словам создателей, предметы были
@@ -43,8 +41,14 @@
поэтическими строками...</p> поэтическими строками...</p>
</div> </div>
<!--MAP-->
<div id="Map" class="vologdaMap"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

View File

@@ -4,8 +4,7 @@
<link rel="stylesheet" href="/style/textFont.css"> <link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css"> <link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.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"/> <meta charset="utf-8"/>
<title>Церковь Александра Невского</title> <title>Церковь Александра Невского</title>
@@ -13,25 +12,24 @@
<!--HTML loader script--> <!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script> <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS--> <!--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" 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>
<!-- <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> </head>
<body> <body>
<!--HEADER --> <!--HEADER -->
<div w3-include-html="/style/header.html"></div> <div w3-include-html="/pages/header.html"></div>
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Церковь Александра Невского</p> <p class="titleText">Xрам во имя святого благоверного князя Александра Невского</p>
<p class="titleText">(храм во имя святого благоверного князя Александра Невского)</p> <p class="normalText">Православный храм в Вологде, памятник архитектуры регионального
<img src="/images/Церковь_Александра_Невского_2.webp"/>
<p class="normalText">православный храм в Вологде, памятник архитектуры регионального
значения XVIII века. Основание храма связано с пребыванием в Вологде в 1556 году особо значения XVIII века. Основание храма связано с пребыванием в Вологде в 1556 году особо
почитаемой в Русской православной церкви Великорецкой иконы Николая Чудотворца.</p> почитаемой в Русской православной церкви Великорецкой иконы Николая Чудотворца.
<p class="normalText">Церковь построена из кирпича. Имеет трехчастную композицию, строго Церковь построена из кирпича. Имеет трехчастную композицию, строго
симметричную по продольной оси. Основное здание церкви — двухсветный четверик с симметричную по продольной оси. Основное здание церкви — двухсветный четверик с
пониженной полукруглой апсидой. Его венчает барабан в виде двух, поставленных друг пониженной полукруглой апсидой.</p>
<img src="/images/Церковь_Александра_Невского_2.webp"/>
<p class="normalText"> Его венчает барабан в виде двух, поставленных друг
на друга восьмериков, с пилястрами на ребрах. Купол в виде закрытой урны, увенчан на друга восьмериков, с пилястрами на ребрах. Купол в виде закрытой урны, увенчан
золотым крестом. К основному зданию церкви примыкает вытянутая по продольной оси церкви золотым крестом. К основному зданию церкви примыкает вытянутая по продольной оси церкви
трапезная. Над её западной частью возвышается колокольня типа «восьмерик на четверике» трапезная. Над её западной частью возвышается колокольня типа «восьмерик на четверике»
@@ -41,8 +39,14 @@
арки которого полностью утоплены в стену.</p> арки которого полностью утоплены в стену.</p>
</div> </div>
<!--MAP-->
<div id="Map" class="vologdaMap"></div>
<!--BUTTON TOP-->
<a href="#" class="buttonTop miniText">Вверх!</a>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/pages/footer.html"></div>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>

7
site/pages/footer.html Normal file
View File

@@ -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>

View File

@@ -1,27 +1,21 @@
<header> <header>
<div class="headerButton-grid"> <div class="headerButton-grid">
<a href="/index.html" style="text-decoration:none"> <a href="/index.html" style="text-decoration:none">
<button style="background: transparent; border: none !important;">
<p class="titleText">Путешествия по Вологде</p>
</button>
</a>
<a href="#VologdaHistory" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button> <button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Вологда</p> <p class="titleTextMini">Путешествия по Вологде</p>
</a> </a>
<a href="#AttractionsMap" style="text-decoration:none" class="hidingMenu"> <a href="/index.html#AttractionsMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button> <button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Достопримечательности</p> <p class="titleTextMini">Достопримечательности</p>
</a> </a>
<a href="#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> <a href="/index.html#RestaurantsMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button> <button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Рестораны</p> <p class="titleTextMini">Рестораны</p>
</a> </a>
<a href="#HotelMap" style="text-decoration:none" class="hidingMenu"> <a href="/index.html#HotelMap" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button> <button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Отели</p> <p class="titleTextMini">Отели</p>
</a> </a>

View File

@@ -1,34 +0,0 @@
<div class="vologdaPlace">
<p class="titleText">Места где можно отдохнуть</p>
<div class="button-grid">
<div>
<a href="/pages/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
<p class="normalText">Музей кружева</p>
</div>
<div>
<a href="/pages/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
<p class="normalText">Памятник букве О</p>
</div>
<div>
<a href="/pages/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
<p class="normalText">Посидим-поокаем</p>
</div>
<div>
<a href="/pages/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
<p class="normalText">Бульвар Пирогова</p>
</div>
<div>
<a href="/pages/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
<p class="normalText">Церковь Александра Невского </p>
</div>
<div>
<a href="/pages/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.jpg');"></button></a>
<p class="normalText">Государственный историко-архитектурный и художественный музей-заповедник</p>
</div>
</div>
</div>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -1,34 +0,0 @@
<div class="vologdaPlace">
<p class="titleText">Места где можно хорошо поесть</p>
<div class="button-grid">
<div>
<a href="/pages/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
<p class="normalText">Музей кружева</p>
</div>
<div>
<a href="/pages/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
<p class="normalText">Памятник букве О</p>
</div>
<div>
<a href="/pages/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
<p class="normalText">Посидим-поокаем</p>
</div>
<div>
<a href="/pages/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
<p class="normalText">Бульвар Пирогова</p>
</div>
<div>
<a href="/pages/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
<p class="normalText">Церковь Александра Невского </p>
</div>
<div>
<a href="/pages/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.jpg');"></button></a>
<p class="normalText">Государственный историко-архитектурный и художественный музей-заповедник</p>
</div>
</div>
</div>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="stylesheet" href="/style/textFont.css">
<link rel="stylesheet" href="/style/background.css">
<link rel="stylesheet" href="/style/buttonStyle.css">
<link rel="stylesheet" href="/style/backgroundEffect.css">
<link rel="icon" href="/favicon.ico">
<meta charset="utf-8"/>
<title>Историко-архитектурный и художественный музей-заповедник</title>
<!--HTML loader script-->
<script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
<!--VOLOGDA MAPS-->
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=AttractionsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
<!-- <script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adff641cfd3a15a83ae8bfb686cf24c228c2737343f7aa7ea54e39ad42c100ead&amp;id=RestaurantsMap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script> -->
</head>
<body>
<!--HEADER -->
<div w3-include-html="/style/header.html"></div>
<!--TEXT-->
<div class="vologdaPlace">
<p class="titleText">Вологодский государственный историко-архитектурный и художественный музей-заповедник</p>
<p class="normalText">Музейный центр Вологодской области, научно-исследовательское и научно-просветительское
учреждение с несколькими филиалами, хранилище художественных, историко-архитектурных, литературных и
других памятников материальной и духовной культуры, а также природы.</p>
<img src="/images/музей-заповедник_2.jpg">
<img src="/images/музей-заповедник_3.jpg"/>
<img src="/images/музей-заповедник_4.jpg"/>
<img src="/images/музей-заповедник_5.jpg"/>
</div>
<!--FOOTER-->
<div w3-include-html="/style/footer.html"></div>
<!-- load all included html pages -->
<script>includeHTML();</script>
</body>
</html>

View File

@@ -2,11 +2,25 @@
scroll-behavior: smooth; 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; margin: auto;
left: 0; left: 0;
z-index: 2;
width: var(--headFootBoxWhight); width: var(--headFootBoxWhight);
background-color: var(--headerBoxColor); background-color: var(--headerBoxColor);
@@ -16,51 +30,68 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7); box-shadow: 0 0 1em rgba(0,0,0,0.7);
} }
body{ body {
background-color: var(--bodyBoxColor); background-color: var(--bodyBoxColor);
background-image: url('/style/background.png'); background-image: url('/images/background.png');
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
.vologdaDescription{ .vologdaDescription {
position:relative;
margin: auto;
margin-top: 3vw;
width: var(--defaultBoxWhight);
text-align: center;
background-color: var(--vologdaBoxColor);
border-radius: 2em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaPlace{
position:relative;
margin: auto;
width: var(--defaultBoxWhight);
margin-top: 6vw;
height: 25%;
text-align: center;
background-color: var(--vologdaBoxColor);
border-radius: 2em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaMap{
position:relative; position:relative;
margin: auto; margin: auto;
margin-top: var(--vologdaBoxMargin); margin-top: var(--vologdaBoxMargin);
width: var(--defaultBoxWhight); width: calc(var(--defaultBoxWhight)*1.26);
text-align: center;
background-color: var(--vologdaBoxColor);
border-radius: 2em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaHistoryButton {
position:relative;
margin: auto;
margin-top: 1vw;
text-align: center;
width: calc(var(--defaultBoxWhight) / 4);
background-color: var(--vologdaBoxColor);
border-radius: 1em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaPlace {
position:relative;
margin: auto;
width: calc(var(--defaultBoxWhight)*1.25);
margin-top: 6vw;
height: 25%;
max-width: 71%;
text-align: center;
background-color: var(--vologdaBoxColor);
border-radius: 2em;
overflow: hidden;
box-shadow: 0 0 1em rgba(0,0,0,0.7);
}
.vologdaMap {
position:relative;
margin: auto;
margin-top: var(--vologdaBoxMargin);
width: calc(var(--defaultBoxWhight)*1.25);
height: 600px; height: 600px;
text-align: center; text-align: center;
@@ -76,7 +107,23 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7); 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; position:relative;
margin: auto; margin: auto;
@@ -92,9 +139,10 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7); box-shadow: 0 0 1em rgba(0,0,0,0.7);
} }
img{ img {
max-width:100%; max-width:100%;
max-height:100%; /* max-height:100%; */
max-height:800px;
} }
:root { :root {
@@ -118,4 +166,14 @@
--defaultBoxWhight: 90%; --defaultBoxWhight: 90%;
--headFootBoxWhight: 95%; --headFootBoxWhight: 95%;
} }
.buttonTop {
Display: none;
}
}
@media (max-width: 800px) {
.vologdaHistoryButton{
Display: none;
}
} }

View File

@@ -3,8 +3,18 @@
grid-template-columns: 4fr 4fr 4fr; grid-template-columns: 4fr 4fr 4fr;
grid-template-rows: 4fr 4fr; grid-template-rows: 4fr 4fr;
grid-gap: 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 { .image-button {
width: calc(10vw * var(--sizeButton)); width: calc(10vw * var(--sizeButton));
height: calc(10vw * var(--sizeButton)); height: calc(10vw * var(--sizeButton));
@@ -34,12 +44,16 @@
.headerButton-grid { .headerButton-grid {
display: grid; display: grid;
grid-template-columns: auto auto auto auto auto; grid-template-columns: auto auto auto auto auto;
justify-content: center;
align-items: center;
margin-top: -1em;
} }
:root { :root {
--sizeButton: 1.5; --sizeButton: 1.5;
} }
@media screen and (min-width: 1820px) { @media screen and (min-width: 1820px) {
.image-button { .image-button {
width: 200px; width: 200px;
@@ -64,6 +78,17 @@
grid-template-rows: 4fr 4fr; grid-template-rows: 4fr 4fr;
grid-gap: 4fr; grid-gap: 4fr;
} }
.button-restaurant {
display: grid;
grid-template-columns: 4fr 4fr;
grid-template-rows: 4fr;
grid-gap: 4fr;
}
.hidingrestaurants {
Display: none;
}
} }
@@ -79,15 +104,22 @@
.headerButton-grid { .headerButton-grid {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
text-align: center; text-align: center;
margin: auto;
/* margin-bottom: 2em; */
} }
.button-grid { .button-grid {
display: grid;
display: grid; display: grid;
grid-template-columns: 4fr 4fr; grid-template-columns: 4fr 4fr;
grid-template-rows: 4fr 4fr; grid-template-rows: 4fr 4fr;
grid-gap: 4fr; grid-gap: 4fr;
} }
.button-restaurant {
display: grid;
grid-template-columns: 4fr 4fr;
grid-template-rows: 4fr;
grid-gap: 4fr;
}
} }

Binary file not shown.

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Binary file not shown.

View File

@@ -1,6 +0,0 @@
<footer>
<div class="prevFooter"></div>
<div class = "postFooter">
<p class="miniText"> ©Defectum studio</p>
</div>
</footer>

View File

@@ -1,18 +1,19 @@
/* Beryozki */ /* Pacifico */
@font-face { @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-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @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-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
/* Tsarevich */ /* Tsarevich */
@@ -32,36 +33,64 @@
font-style: normal; font-style: normal;
} }
.normalText { .infoText {
font-size: var(--textSize); font-size: var(--textSize);
/* font-family: 'Sometype Mono', monospace; */ /* font-family: 'Pacifico'; */
font-family: 'Tahoma'; font-family: 'Verdana';
/* color: rgb(0, 0, 0); */ 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); color: rgb(255, 255, 255);
} }
.titleTextMini { .titleTextMini {
font-size: calc(var(--textSize) + (var(--textSize) * 0.5)); font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
/* font-family: 'Sometype Mono', monospace; */ /* font-family: 'Tsarevich-Regular'; */
font-family: 'Tsarevich-Regular'; font-family: 'Georgia';
margin: 0.7em;
align-self: center;
/* text-decoration: underline; */
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.titleText { .titleText {
font-size: calc(var(--textSize) + (var(--textSize) * 1.6)); 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-left: 3vw;
margin: 0.7em;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.miniText { .miniText {
font-size: calc(var(--textSize) * 0.9); font-size: calc(var(--textSize) * 0.9);
font-family: 'Sometype Mono', monospace; /* font-family: 'Tsarevich-Regular'; */
font-family: 'Verdana';
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }

BIN
Презентация.pptx Normal file

Binary file not shown.