[Proyecto] Haga lo que hicimos en el aula: 4

HTML:

<!-- Contenido principal -->
<main class="presentacion">
    <section class="presentacion__contenido">
        <h1>Bienvenido a mi portafolio</h1>
        <p>Este es el contenido principal de la página.</p>
    </section>
</main>

<!-- Pie de página -->
<footer class="footer">
    <p>Desarrollado por María José</p>
</footer>

ABOUT.HTML

<!-- Contenido principal -->
<main class="presentacion">
    <section class="presentacion__contenido">
        <h1>Sobre mí</h1>
        <p>Aquí iría la información personal y profesional.</p>
    </section>
</main>

<!-- Pie de página -->
<footer class="footer">
    <p>Desarrollado por María José</p>
</footer>

CSS:
/* Estilo del encabezado */
.header {
background-color: #000000;
padding: 16px 0;
}

.header__menu {
display: flex;
justify-content: center;
gap: 32px;
}

.header__link {
font-size: 18px;
color: #F6F6F6;
text-decoration: none; /* Eliminar subrayado */
padding: 8px 16px;
transition: color 0.3s ease;
}

.header__link:hover {
color: #22D4FD;
}

/* Estilo del contenido principal /
.presentacion {
padding: 5%; / Ajuste de espaciado interno */
}

.presentacion__contenido {
max-width: 800px;
margin: 0 auto;
}

/* Estilo del pie de página */
.footer {
background-color: #22D4FD;
color: #000000;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 400;
padding: 24px;
}

/* body {
height: 100vh; Comentado para permitir adaptación con el footer
} */