Desafío: hora de practicar | HTML y CSS: header, footer y variables CSS | Alura Latam

```
<meta charset="UTF-8">
```

<meta name="viewport" content="width=device-width, initial-scale=1.0">

```
<title>Caracteristicas</title>
```

<link real="stylesheet" href="./Styles/style.css">

```
<header class="header">
```
```
    <nav class="header_menu">
```

       <a class="header_menu_link" href="index.html">Home</a>

       <a class="header_menu_link" href="About.html">Caracteristicas</a>

```
     </nav>   
```
```
</header>
```
```
<main class="Presentación">
```

      <section class="Presentación_contenido">

          <h1 class="Presentación_contenido__titulo"> Caracteristicas</h1>

        <p class="Presentación_contenido_texto"> Formación Geológica: Las Torres del Paine son formaciones de granito

            que datan del período Oligoceno (entre 23 y 34 millones de años atrás).

            Las cumbres más conocidas son la Torre Norte (2,600 metros), Torre Central

             (2,800 metros) y Torre Sur (2,850 metros).</p>

        <p class="Presentación_contenido_texto"> Paisaje y Ecosistemas: El parque es conocido por su espectacular paisaje que

            incluye montañas,glaciares, lagos y ríos.

            Es hogar de una gran variedad de flora y fauna, incluyendo guanacos, zorros,

            pumas, y una gran diversidad de aves. </p>

        <p class="Presentación_contenido_texto">Actividades Turísticas: Senderismo y trekking son las actividades más populares, con rutas famosas

            como el "Circuito W" y el "Circuito O".

            También se pueden realizar actividades como navegación en los lagos, observación

             de fauna y flora, y montañismo.</p>

        <p class="Presentación_contenido_texto">Clima: El clima es muy variable y puede cambiar rápidamente, con vientos fuertes, lluvias,

             y temperaturas que pueden ser bastante frías, incluso en verano.</p>

        <p class="Presentación_contenido_texto">Importancia y Reconocimientos: El Parque Nacional Torres del Paine fue declarado Reserva

            de la Biósfera por la UNESCO en 1978.

            Es uno de los destinos turísticos más populares de Chile y recibe miles de visitantes

             de todo el mundo cada año.</p>

        <p>Acceso y Ubicación: El parque está ubicado a unos 112 kilómetros al norte de Puerto Natales y a unos 312

            kilómetros al norte de Punta Arenas.

            Se puede acceder al parque por carretera y hay diversas opciones de transporte, desde

            autobuses hasta tours organizados.</p>

```
</section>
```

    <img src="./Assets/Caracteristicas.jpeg" alt="Torres del Paine">

```
</main>
```
```
<footer class="footer">
```

    <p>Contacto: belen.turbes@gmail.com</p>

```
</footer>
```

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Currículum de Luis Eduardo Arocha Coronado</title> <link rel="stylesheet" href="style.css"> </head> <body> <header class="header-cv"> <h1>Currículum de Luis Eduardo Arocha Coronado</h1> <img src="assets/foto-luis.jpg" alt="Foto de Luis Eduardo Arocha Coronado" class="foto-cv"> <p>Desarrollador Front-end y Especialista en Ciberseguridad</p> </header> <main class="contenido-cv"> <section class="datos-personales"> <h2>Datos Personales</h2> <p><strong>Nombre:</strong> Luis Eduardo Arocha Coronado</p> <p><strong>Email:</strong> luis.arocoronado@example.com</p> <p><strong>Teléfono:</strong> +123 456 7890</p> <p><strong>Ubicación:</strong> Caracas, Venezuela</p> </section> <section class="experiencia-laboral"> <h2>Experiencia Laboral</h2> <ul> <li><strong>Desarrollador Front-end en Empresa XYZ</strong> (2022 - Presente) <ul> <li>Desarrollo de aplicaciones web utilizando React y JavaScript</li> <li>Colaboración con diseñadores para crear interfaces de usuario atractivas</li> </ul> </li> <li><strong>Especialista en Ciberseguridad en Empresa ABC</strong> (2020 - 2022) <ul> <li>Implementación de políticas de seguridad y protección de datos</li> <li>Análisis forense digital y respuesta a incidentes de seguridad</li> </ul> </li> </ul> </section> <section class="educacion"> <h2>Educación</h2> <ul> <li><strong>Certificación en Ciberseguridad</strong> - Google (2023)</li> <li><strong>Tecnólogo de Sistemas</strong> - Universidad de Caracas (2018)</li> </ul> </section> <section class="proyectos"> <h2>Proyectos</h2> <ul> <li><strong>Sitio Web Personal</strong> - Desarrollo de un sitio web para mi portafolio personal utilizando HTML, CSS y JavaScript.</li> <li><strong>Aplicación de Tareas</strong> - Creación de una aplicación web para la gestión de tareas diarias utilizando React.</li> </ul> </section> </main> <footer class="footer-cv"> <p>© 2024 Luis Eduardo Arocha Coronado</p> </footer> </body> </html>

body { font-family: 'Montserrat', sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; } .header-cv { background-color: #22D4FD; color: #000000; text-align: center; padding: 24px; } .header-cv h1 { margin: 0; font-size: 32px; } .header-cv .foto-cv { width: 150px; height: 150px; border-radius: 50%; margin-top: 16px; } .header-cv p { margin: 8px 0 0; font-size: 20px; } .contenido-cv { max-width: 800px; margin: 20px auto; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .datos-personales, .experiencia-laboral, .educacion, .proyectos { margin-bottom: 20px; } h2 { border-bottom: 2px solid #22D4FD; padding-bottom: 10px; } ul { list-style: none; padding: 0; } ul li { margin-bottom: 10px; } ul li ul { margin-top: 5px; } ul li ul li { margin-bottom: 5px; } .footer-cv { background-color: #22D4FD; color: #000000; text-align: center; padding: 24px; }