Hola Mario, espero que estés bien
Parece que estás trabajando en un portafolio web y quieres replicar lo que se hizo en clase. A partir de las imágenes que compartiste, veo que tienes una estructura básica de HTML. Aquí tienes algunos pasos y consejos para asegurarte de que todo esté en orden:
Revisar la Estructura HTML: Asegúrate de que la estructura de tu documento HTML sea correcta. Ya tienes un buen comienzo con las etiquetas <header>, <main>, y <footer>.
Verificar las Rutas de Archivos: Asegúrate de que la imagen Imagem.png esté en la misma carpeta que tu archivo index.html, o ajusta la ruta en el atributo src si está en otra ubicación.
Estilos CSS: Si aún no lo has hecho, considera agregar estilos CSS para mejorar el diseño. Puedes crear un archivo styles.css y enlazarlo en el <head> de tu HTML con:
<link rel="stylesheet" href="styles.css">
Ajustar el Diseño: Usa CSS para ajustar el tamaño de la imagen y el espaciado entre elementos. Por ejemplo:
img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
main {
padding: 20px;
}
Enlaces Funcionales: Asegúrate de que los enlaces a Instagram y Github sean funcionales, reemplazando "#" con las URLs correctas.
Espero que estos consejos te ayuden a replicar lo que se hizo en clase. ¡Bons estudios!