Update index.html

index.html

@@ -98,23 +98,35 @@ <h2>Instalación de Cerraduras</h2>
     <img src="Cerraduras.jpg" alt="Imagen de instalación de cerraduras" style="margin-top: 15px;">
 </section>
         </section>
-        <section id="contacto">
+         <section id="contacto">
     <h2>Contacto de Emergencias 24/7</h2>
-    <p>Teléfono: <a href="tel:+525512345678">+52 55 1234 5678</a></p>
-    <p>Correo: <a href="mailto:info@llavefiel.com">info@llavefiel.com</a></p>
-    <p>Estamos disponibles las 24 horas del día para emergencias. ¡No dudes en llamarnos!</p>
-    <img src="Contacto.jpg" alt="Imagen de contacto de emergencia" style="margin-top: 15px;">
-    <div style="text-align: center; margin-top: 20px;">
-        <a href="https://www.facebook.com/tuperfil" target="_blank" style="margin-right: 10px; padding: 10px 20px; background-color: #4267B2; color: #fff; border: none; border-radius: 5px; text-decoration: none; font-size: 1em; cursor: pointer;">
-            Facebook
-        </a>
-        <a href="https://wa.me/525512345678" target="_blank" style="padding: 10px 20px; background-color: #25D366; color: #fff; border: none; border-radius: 5px; text-decoration: none; font-size: 1em; cursor: pointer;">
-            WhatsApp
-        </a>
+    <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 20px;">
+        <!-- Columna de información de contacto -->
+        <div style="flex: 1; min-width: 300px;">
+            <p>Teléfono: <a href="tel:+525512345678">+52 55 1234 5678</a></p>
+            <p>Correo: <a href="mailto:info@llavefiel.com">info@llavefiel.com</a></p>
+            <p>Estamos disponibles las 24 horas del día para emergencias. ¡No dudes en llamarnos!</p>
+            <div style="margin-top: 20px;">
+                <a href="https://www.facebook.com/tuperfil" target="_blank" style="margin-right: 10px; padding: 10px 20px; background-color: #4267B2; color: #fff; border: none; border-radius: 5px; text-decoration: none; font-size: 1em; cursor: pointer;">
+                    Facebook
+                </a>
+                <a href="https://wa.me/525512345678" target="_blank" style="padding: 10px 20px; background-color: #25D366; color: #fff; border: none; border-radius: 5px; text-decoration: none; font-size: 1em; cursor: pointer;">
+                    WhatsApp
+                </a>
+            </div>
+        </div>
+
+        <!-- Columna de ubicación -->
+        <div style="flex: 1; min-width: 300px; text-align: center;">
+            <a href="https://www.google.com/maps?q=19.432608,-99.133209" target="_blank" style="text-decoration: none;">
+                <img src="google-maps-icon.png" alt="Ubicación en Google Maps" style="width: 175px; height: 175px; border-radius: 10px;">
+            </a>
+                   </div>
     </div>
 </section>
+
     <footer>
         <p>&copy; 2024 Cerrajería "La Llave Fiel". Todos los derechos reservados.</p>
     </footer>
 </body>
-</html>
+</html>