From 20b41194086c56df39b56a7d530c2f63f1930b95 Mon Sep 17 00:00:00 2001
From: JoshuaValCo <joshuavc2@gmail.com>
Date: Thu, 12 Dec 2024 13:06:00 -0600
Subject: [PATCH] Update index.html

---
 index.html | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 5e35e1d..d6ce782 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
+</html>