Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

[Proyecto] 06 Desafío: crea una página curriculum

12345

2 respuestas

12345

¡Hola Jurgen!

Entiendo que estás buscando ayuda para crear una página de currículum utilizando HTML y CSS. Para comenzar, necesitarás crear un archivo HTML para la estructura de la página y un archivo CSS para el estilo. Aquí tienes un ejemplo básico de cómo podrías estructurar tu archivo HTML:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Mi Currículum</title>
</head>
<body>
  <header>
    <h1>Nombre</h1>
    <p>Información de contacto</p>
  </header>
  <main>
    <section>
      <h2>Experiencia Laboral</h2>
      <ul>
        <li>Trabajo 1</li>
        <li>Trabajo 2</li>
      </ul>
    </section>
    <section>
      <h2>Educación</h2>
      <ul>
        <li>Estudios 1</li>
        <li>Estudios 2</li>
      </ul>
    </section>
  </main>
  <footer>
    <p>Derechos de autor © 2022</p>
  </footer>
</body>
</html>

En cuanto al archivo CSS, puedes utilizar variables para los colores, fuentes y otros estilos que desees reutilizar en tu página. Aquí tienes un ejemplo de cómo podrías definir y utilizar variables en tu archivo CSS:

:root {
  --color-primario: #ff6600;
  --color-fondo: #f4f4f4;
  --fuente-principal: Arial, sans-serif;
}

body {
  font-family: var(--fuente-principal);
  background-color: var(--color-fondo);
  color: var(--color-primario);
}

header {
  background-color: var(--color-primario);
  color: white;
  padding: 1rem;
}

footer {
  background-color: var(--color-primario);
  color: white;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}

Recuerda que este es solo un ejemplo básico para ayudarte a empezar. Puedes personalizar tu página de currículum según tus necesidades y preferencias.

Espero que esta información te sea útil para crear tu página de currículum. ¡Mucho ánimo con tu proyecto!

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!