update come arrivare page

martinozanetti · Jun 28, 2024 · 4b4ecb8 · 4b4ecb8
1 parent 5dbb39d
commit 4b4ecb8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/Nani_website/comearrivare.html b/Nani_website/comearrivare.html
@@ -19,7 +19,11 @@
         <!-- =============== INSERT HERE PAGE CONTENTS =============== -->
         <h1> Come arrivare </h1>
         <p> Seconda stella a destra! </p>
+	<p> <A href="https://www.google.com/maps/d/embed?mid=1Ih2jJTp3NOLx3S6bn3UxFmaI0ATSo5g&hl=en&ehbc=2E312F"> Percorso da Bagolino </A>, percorribile in auto se non è gelato o troppo bagnato, con pass per la strada consortile. (Aprendo dal cellulare, per andare a Google Maps cliccare il riquadro tratteggiato in alto a destra.) </p>
 
+	<div class="map-container">
+        	<iframe src="https://www.google.com/maps/d/embed?mid=1Ih2jJTp3NOLx3S6bn3UxFmaI0ATSo5g&hl=en&ll=45.84539043692502%2C10.446562499999986&z=14" width="640" height="480"></iframe>
+	</div>
 
         <p><A href="index.html"> &#9664 Torna alla home </A></p>
 

diff --git a/Nani_website/css/w3style.css b/Nani_website/css/w3style.css
@@ -314,6 +314,22 @@ h6 {
     background-color: var(--bgCol);
 }
 
+.map-container {
+    position: relative;
+    padding-bottom: 56.25%; /* 16:9 aspect ratio */
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+    height: auto;
+}
+.map-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
 .w3-serif {
     font-family: serif
 }