SubaruDev0 · 1knighttt · Sep 17, 2025 · Sep 17, 2025 · Sep 19, 2025 · Sep 19, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/CV Javier/html-css/Preview CV/Preview.png → CV Javier/Preview CV/Preview.png b/CV Javier/html-css/Preview CV/Preview.png → CV Javier/Preview CV/Preview.png
diff --git a/CV Javier/html-css/cv.css → CV Javier/cv.css b/CV Javier/html-css/cv.css → CV Javier/cv.css
diff --git a/CV Javier/html-css/cv.html → CV Javier/cv.html b/CV Javier/html-css/cv.html → CV Javier/cv.html
diff --git a/...vier/html-css/imagen/ProfileSubaruDev.png → CV Javier/imagen/ProfileSubaruDev.png b/...vier/html-css/imagen/ProfileSubaruDev.png → CV Javier/imagen/ProfileSubaruDev.png
diff --git a/Taller1/contacto.html b/Taller1/contacto.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Información de Contacto | Clínica Dental</title>
+
+    <!-- Enlaces a hojas de estilo -->
+    <link rel="stylesheet" href="css/header-footer.css">
+    <link rel="stylesheet" href="css/contacto.css">
+
+    <!-- Iconos de Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 
+</head>
+<body>
+    <!-- =====================
+         ENCABEZADO DE PÁGINA
+    ===================== -->
+    <header>
+        <!-- Logo de la clínica -->
+        <div class="logo">
+            <img src="img/logo.png" alt="Clínica Dental Logo"> 
+        </div>
+
+        <!-- Menú de navegación principal -->
+        <nav>
+            <ul>
+                <li><a href="inicio.html">Inicio</a></li>
+                <li><a href="servicios.html">Servicios</a></li>
+                <li><a href="equipo.html">Equipo</a></li>
+                <li><a href="contacto.html" class="active">Contacto</a></li>
+                <li><a href="login.html">Login</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <!-- =====================
+         CONTENIDO PRINCIPAL
+    ===================== -->
+    <main class="container">
+        <!-- Título de la sede principal -->
+        <h2 class="mapa-titulo">Sede Principal: Concepción</h2>
+
+        <!-- Sección del mapa y ubicación -->
+        <section id="mapa-ubicacion" class="section">
+            <!-- Mapa interactivo de Google Maps -->
+            <div id="mapa-interactivo-div">
+                <iframe
+                    width="100%"
+                    height="100%"
+                    frameborder="0"
+                    style="border:0"
+                    referrerpolicy="no-referrer-when-downgrade"
+                    src="https://maps.google.com/maps?q=Arturo%20Prat%20450,%20Concepci%C3%B3n&t=&z=15&ie=UTF8&iwloc=&output=embed" 
+                    allowfullscreen
+                    loading="lazy">
+                </iframe>
+            </div>
+
+            <!-- Carrusel de sedes secundarias -->
+            <div class="carrusel-sedes-wrapper">
+                <h3><i class="fas fa-city"></i> Nuestras Otras Sucursales</h3>
+                <div id="carrusel-sedes" class="carrusel-sedes">
+                    <!-- Las sedes se cargan dinámicamente con JavaScript -->
+                </div>
+            </div>
+        </section>
+
+        <!-- Sección de tarjetas informativas -->
+        <section class="info-cards">
+            <!-- Tarjeta de horarios de atención -->
+            <article class="tarjeta horario-info">
+                <h3><i class="fas fa-clock"></i> Horario de Atención</h3>
+                <p>Lunes – Viernes:</p>
+                <p class="time-slot">09:00 — 17:30</p>
+
+                <p style="margin-top: 15px;">Sábados no festivos:</p>
+                <p class="time-slot" style="font-size: 1.4em;">09:00 — 14:00</p>
+
+                <p style="margin-top: 15px; font-size: 0.9em; color: #888;">Atención solo con cita previa. Domingos y festivos cerrado.</p>
+            </article>
+
+            <!-- Tarjeta de información de contacto -->
+            <article class="tarjeta contacto-info">
+                <h3><i class="fas fa-id-badge"></i> Contacto Central</h3>
+
+                <!-- Teléfono -->
+                <div class="var-item">
+                    <span>Teléfono Central</span>
+                    <a href="tel:+56912345678" class="var-value">+56 9 1234 5678 <i class="fas fa-phone-alt"></i></a>
+                </div>
+
+                <!-- Email -->
+                <div class="var-item">
+                    <span>Correo Electrónico</span>
+                    <a href="mailto:[email protected]" class="var-value">[email protected] <i class="fas fa-envelope"></i></a>
+                </div>
+
+                <!-- Redes sociales -->
+                <div class="var-item redes-var">
+                    <span class="redes-titulo">Aprende más de nosotros en:</span>
+                    <span class="var-value">
+                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+                    </span>
+                </div>
+            </article>
+
+        </section>
+    </main>
+
+    <!-- =====================
+         PIE DE PÁGINA
+    ===================== -->
+    <footer>
+        <p>© 2025 Clínica Dental. Todos los derechos reservados.</p>
+        <div class="redes-sociales">
+            <a href="#"><i class="fab fa-facebook-f"></i> Facebook</a>
+            <a href="#"><i class="fab fa-instagram"></i> Instagram</a>
+        </div>
+    </footer>
+
+    <!-- =====================
+         SCRIPT DE CONTACTO
+    ===================== -->
+    <script src="js/contacto.js"></script>
+</body>
+</html>