Compare commits

...

39 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
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
65 changed files with 13012 additions and 198 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.

After

Width:  |  Height:  |  Size: 318 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 293 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 389 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 596 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 642 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 908 KiB

View File

@@ -1,30 +1,30 @@
<!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>
<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> </head>
<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-->
@@ -32,14 +32,28 @@
<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">
<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-->
<div w3-include-html="/style/footer.html"></div> <a href="#" class="buttonTop miniText">Вверх!</a>
<!-- load all included html pages --> <!-- load all included html pages -->
<script>includeHTML();</script> <script>includeHTML();</script>
</body> </body>

View File

@@ -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('/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/Парк_заповедник.webp');"></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

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

View File

@@ -4,26 +4,26 @@
<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">
<p class="titleText">Музей кружева</p> <p class="titleText">Музей кружева</p>
<img src="/images/Музей_кружева_2.webp"/>
<p class="normalText">Музей в городе Вологде, филиал Вологодского государственного <p class="normalText">Музей в городе Вологде, филиал Вологодского государственного
историко-архитектурного и художественного музея-заповедника</p> историко-архитектурного и художественного музея-заповедника</p>
<p class="normalText">Музей находится в историческом центре Вологды в двухэтажном каменном здании <p class="normalText">Музей находится в историческом центре Вологды в двухэтажном каменном здании
@@ -34,11 +34,16 @@
Городской Думы и два срока был городским головой Вологды. В 1859 году А. В. Сорокин продал дом Городской Думы и два срока был городским головой Вологды. В 1859 году А. В. Сорокин продал дом
подполковнику Николаю Петровичу Брянчанинову представителю известного в Вологодской губернии дворянского подполковнику Николаю Петровичу Брянчанинову представителю известного в Вологодской губернии дворянского
рода Брянчаниновых.</p> рода Брянчаниновых.</p>
<img src="/images/Музей_кружева_2.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

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

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

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="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>

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="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>

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>

23
site/pages/header.html Normal file
View File

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

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

@@ -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,36 +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>
</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 {
@@ -104,6 +152,10 @@
--defaultBoxWhight: 750px; --defaultBoxWhight: 750px;
--headFootBoxWhight: 950px; --headFootBoxWhight: 950px;
--headerBoxColor:rgb(177, 250, 250);
--postHeaderBoxColor:rgb(175, 238, 238);
--headerBoxColor:rgb(173, 32, 43); --headerBoxColor:rgb(173, 32, 43);
--bodyBoxColor:rgb(255, 255, 255); --bodyBoxColor:rgb(255, 255, 255);
--vologdaBoxColor: rgb(173, 32, 43); --vologdaBoxColor: rgb(173, 32, 43);
@@ -114,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,29 +0,0 @@
<header>
<div class="headerButton-grid">
<a href="/pages/Музей кружева.html" style="text-decoration:none">
<button style="background: transparent; border: none !important;">
<p class="titleText">Вологда путешествия</p>
</button>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Вологда</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Достопримечательности</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Рестораны</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Отели</p>
</a>
</div>
</header>

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,39 +33,67 @@
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); 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 { .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'; */
color: rgb(0, 0, 0); font-family: 'Verdana';
color: rgb(255, 255, 255);
} }
:root { :root {
--textSize: 1.2em; --textSize: 1.2em;
} }

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

Binary file not shown.