JPMB91 / evaluacion-final

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Integrantes:

  • Ivonne Oña
  • Juan Maldonado

En Conjunto:

  • Trabajamos en conjunto escibiendo la estructura de HTML durante la clase del 31/08
  • Pseudo-clases hover para agregar pequeñas animaciones a botones y navbar del footer

Juan Maldonado:

  • Agregado link de la fuente a usarse en el proyecto.
  • Link de archivo css y reset de estilos usando selector universal.
  • Header con pseudo-clase hover en las etiquetas anchor y botones más el responsivo en mobile usando el icono de menu hamburguesa.
  • Seccion 3(third-section) cards usando article y flex wrap para ubicar el contenido en forma de piramide invertida y su responsivo en mobile con presentacion en columna.
  • seccion 4(fourth-section) cards y su responsivos en mobile con pseudo-clase nth-of-type() para ocultar las cards que no se muestran en mobile.
  • Footer con sus estilos y responsivo en mobile usando column reverse y position absolute para posicionar el copyright. Pseudo-elemento en el form para cambiar el color del placeholder en la versión mobile a color #8b48bf con fines didácticos.

Ivonne Oña:

  • Primera sección 1(main-section): En esta sección, se incorporó una imagen principal utilizando un div y flex-box para gestionar su posicionamiento. Además, se aplicaron los mismos estilos a los botones que tenían similitudes, conocidos en nuestro proyecto como "button-purple". Se aseguró que esta sección sea responsive.
  • Segunda sección 2(Second-section): Esta sección se compone de dos divs, cada uno con su respectiva etiqueta h2 y p. Estos elementos se agregaron para proporcionar contenido textual y se aseguró que sean responsive.
  • Quinta sección 5(fifth-section): En la quinta sección, se incorporaron dos divs. Uno se utilizó para gestionar el texto mediante una etiqueta p, y el otro para el botón mediante una etiqueta button. Una vez más, se garantizó que esta sección sea responsive, adaptándose a diferentes dispositivos y tamaños de pantalla.

About


Languages

Language:HTML 51.2%Language:CSS 48.8%