Add hotels button

This commit is contained in:
Петухова Ростислава
2023-11-06 21:18:25 +03:00
parent 4e8711d3dd
commit 0ed1189eae
11 changed files with 72 additions and 8 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

View File

Before

Width:  |  Height:  |  Size: 741 KiB

After

Width:  |  Height:  |  Size: 741 KiB

View File

@@ -35,6 +35,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -31,6 +31,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -31,6 +31,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -8,7 +8,7 @@
<link rel="icon" href="/favicon.ico"> <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>
@@ -22,7 +22,7 @@
<!--TEXT--> <!--TEXT-->
<div class="vologdaPlace"> <div class="vologdaPlace">
<p class="titleText">Мини-отель Акварель</p> <p class="titleText">Апарт-отель на Ленина</p>
<p class="normalText">Апарт-отель на Ленина, 9 - новый дизайнерский отель, расположенный в самом центре города Вологды. Открыт в мае 2022 года. Апартаменты расположены в памятнике культурного наследия XIX века. </p> <p class="normalText">Апарт-отель на Ленина, 9 - новый дизайнерский отель, расположенный в самом центре города Вологды. Открыт в мае 2022 года. Апартаменты расположены в памятнике культурного наследия XIX века. </p>
<img src="/images/Aparat.webp"> <img src="/images/Aparat.webp">
<p class="normalText">Номерной фонд представлен апартаментами от 30 до 40 квадратных метров с различными вариантами планировочных решений. Вы можете снять апартаменты для размещения от 1 до 4 человек. <p class="normalText">Номерной фонд представлен апартаментами от 30 до 40 квадратных метров с различными вариантами планировочных решений. Вы можете снять апартаменты для размещения от 1 до 4 человек.
@@ -33,6 +33,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -31,6 +31,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -31,6 +31,15 @@
<!--MAP--> <!--MAP-->
<div id="Map" class="vologdaMap"></div> <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>
<!--FOOTER--> <!--FOOTER-->
<div w3-include-html="/style/footer.html"></div> <div w3-include-html="/style/footer.html"></div>

View File

@@ -106,6 +106,22 @@
box-shadow: 0 0 1em rgba(0,0,0,0.7); box-shadow: 0 0 1em rgba(0,0,0,0.7);
} }
.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{ footer{
position:relative; position:relative;
margin: auto; margin: auto;

View File

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

View File

@@ -6,11 +6,6 @@
</button> </button>
</a> </a>
<!-- <a href="/index.html#VologdaHistory" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Вологда</p>
</a> -->
<a href="/index.html#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>