Página web City

Descripción

Continúo realizando otro proyecto con HTML5 y CSS3. Una página web un poquito más completa y dinámica con links, hover... donde lo importante es maquetar y asentar los conocimientos recién aprendidos. Es por ello por lo que el texto es en latín, y no tiene mucho sentido. 😅 Cabe destacar que este proyecto es responsive.

Proyecto 💻

Comenzamos con una landing page, la cual arriba a la derecha presenta un enlace que lleva a la página de Adalab. Este está colocado para que cuando vayas visualizando el resto de la página, y por lo tanto haciendo scroll, se mantenga en dicha posición para que lo tengas a tu disposición. A continuación, encontramos otro enlace con una imagen de una flecha que indica "abajo" la cual es clickable y te desplaza hacia el final de la página.

En las próximas secciones encontramos dos botónes con un hover que hace más grande el botón. En la sección "3 Reasons To Purchase" fue donde apliqué por primera vez un "display: grid" y las columnas junto con las dimensiones que requería este apartado.

Y para acabar, nos encontramos un footer más grande de lo normal, acompañado de otro enlace con una imagen de una flecha que indica "arriba" y que por lo tanto te desplaza al inicio del proyecto.