Vologda history button

This commit is contained in:
Петухова Ростислава
2023-11-01 02:14:33 +03:00
parent 7c150229f7
commit f2f1171a28
3 changed files with 34 additions and 4 deletions

View File

@@ -27,6 +27,14 @@
<p class="normalText">Вологда город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний с девятивековой историей, богатый с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p> <p class="normalText">Вологда город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний с девятивековой историей, богатый с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
</div> </div>
<a href="/index.html">
<div class="vologdaHistoryButton">
<button style="background: transparent; border: none !important;">
<p class="normalText">Подробнее</p>
</button>
</div>
</a>
<!--ATTRACTIONS--> <!--ATTRACTIONS-->
<div id="AttractionsMap" class="vologdaMap"> <div id="AttractionsMap" class="vologdaMap">
<p class="titleText">Достопримечательности Вологды</p> <p class="titleText">Достопримечательности Вологды</p>

View File

@@ -38,6 +38,22 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7); 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{ .vologdaPlace{
position:relative; position:relative;
margin: auto; margin: auto;
@@ -119,3 +135,9 @@
--headFootBoxWhight: 95%; --headFootBoxWhight: 95%;
} }
} }
@media (max-width: 800px) {
.vologdaHistoryButton{
Display: none;
}
}

View File

@@ -6,22 +6,22 @@
</button> </button>
</a> </a>
<a href="#VologdaHistory" style="text-decoration:none" class="hidingMenu"> <a href="/index.html#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>