Files
Site_Vologda/site/index.html
Петухова Ростислава 648dba0a50 Version 1
2023-10-31 17:55:16 +03:00

107 lines
5.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<meta charset="utf-8" />
<title>Site</title>
<script type="text/javascript" charset="utf-8" src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abac1416c747a6867070208e3a71fefae060843d99a9cd9f4c84fc00cb6aba4f0&amp;id=mymap&amp;lang=ru_RU&amp;apikey=<API-ключ>"></script>
</head>
<body>
<div class="snowflakes">
<div class="snowflake">
В ВОЛОГДЕ ВКУСНОЕ МОЛОКО !
</div>
<div class="snowflake">
ВОЛОГДА СУПЕР !
</div>
<div class="snowflake">
ГДЕ ? В ВОЛОГДЕ !
</div>
<div class="snowflake">
КРУЖЕВА ПРОСТО КЛАСС !
</div>
<div class="snowflake">
МАСЛО ЛУЧШЕЕ !
</div>
<div class="snowflake">
В ВОЛОГДЕ КЛАСС !
</div>
<div class="snowflake">
В ВОЛОГДЕ ПРЕКРАСНО!
</div>
<div class="snowflake">
ВОЛОГДА СУПЕР !
</div>
<div class="snowflake">
ВОЛОГДА!
</div>
</div>
<!--HEADER -->
<header>
<p class="titleText">Вологда путешествия</p>
</header>
<div class="postHeader"></div>
<!--VOLOGDA DESCRIPTION-->
<div class="vologdaDescription">
<p class="normalText">Вологда город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний с девятивековой историей, богатый с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
</div>
<!--ATTRACTIONS-->
<div id="mymap" class="vologdaMap">
<p class="titleText">Достопримечательности Вологды</p>
</div>
<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>
<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>
<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>
<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>
<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>
<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>
<p class="normalText">Парк заповедник</p>
</div>
</div>
</div>
<!--RESTAURANTS-->
<!--FOOTER-->
<footer>
<div class="prevFooter"></div>
<div class = "postFooter">
<p class="miniText"> ©Defectum studio</p>
</div>
</footer>
</body>
</html>