Skip to content

fullstack-utn/image-based-web-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TP Opcional 3 - Image Based Web Project

Consigna

Recrear dos páginas webs basadas en las imagenes proporcionadas utilizando HTML para la estructura y CSS para el diseño. El proyecto se gestionará mediante Git y GitHub.

Parte 1: Estructura con HTML y Github

Comienza creando un nuevo repositorio en GitHub llamado image-based-web-project

Construye la estructura HTML utilizando elementos semánticos de HTML5.

Realiza commits frecuentes a medida que avances. Una vez que hayas completado la estructura HTML, realiza un commit con el mensaje: "Estructura HTML completada" y sube los cambios a GitHub.

Parte 2: Estilo con CSS

Crea una carpeta llamada css y dentro de ella un archivo styles.css. Enlaza este archivo en tu index.html.

Analiza los colores, fuentes y diseño general de la imagen proporcionada y aplica los estilos CSS necesarios para que los elementos HTML se asemejen a la imagen. Presta atención a detalles como el espaciado, la alineación y los efectos visuales, tales como bordes y sombras.

Una vez que hayas aplicado todos los estilos necesarios, realiza un commit con el mensaje: "Estilos CSS completados" y sube los cambios a GitHub.

Entrega del Proyecto

El repositorio image-based-web-project en GitHub debe estar actualizado con todos los cambios realizados. Asegúrate de que los commits tengan mensajes claros y descriptivos. Los archivos necesarios para la entrega son index.html y css/styles.css.

https://dribbble.com/shots/21256487-What-we-offer-section-design

https://dribbble.com/shots/21256285-Travel-Agency-Login-page

About

Repositorio creado para el Trabajo Practico Opcional 3

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published