Vologda history button

site/index.html

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

site/style/background.css

@@ -38,6 +38,22 @@
         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;
@@ -119,3 +135,9 @@
             --headFootBoxWhight: 95%;
         }
     }
+
+    @media (max-width: 800px) {
+        .vologdaHistoryButton{
+            Display: none;
+        }
+    }

site/style/header.html

@@ -6,22 +6,22 @@
             </button>
         </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>
             <p class="titleTextMini">Вологда</p>
         </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>
             <p class="titleTextMini">Достопримечательности</p>
         </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>
             <p class="titleTextMini">Рестораны</p>
         </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>
             <p class="titleTextMini">Отели</p>
         </a>