Descripcion del Desarrollo:
Se construcción página web estática usando HTML y CSS, realizándola de forma responsiva para visualizar en celulares aplicando Media Query:
Estructuras de Carpetas: El proyecto cuenta con 2 carpetas principales y un archivo index.html que contiene la estructura de la pantalla principal de la página web. En la Primera carpeta llamada css se encuentra el archivo styles.css que contiene los estilos de la pantalla principal del proyecto. En la segunda carpeta llamada img se encuentran las imágenes de los pokemons usados en la página, también encuentran el favicon del sitio y el logo del mismo.
Resumen paso a paso y Desarrollo: Para la elaboración de la página se tuvieron en cuenta los requerimientos dados para el desarrollo correcto de la página web estática, contando con la estructuración requerida (header, main y footer) y el uso de la pseudo-clase :hover para visualizar el efecto del mouse cuando el ponga el cursor en los pokemons del footer.
-
En el index.html se construye la estructuración de la página, respetando el contenido dado: header, main y footer.
-
Para finalizar se aplicaron los estilo deceados y para darle diseño adaptable se implementó el media query para un max-width de 629px. . Dichos estilos se encuentran en el archivo styles.css.
Vistas:
Vista con hover en el footer:
Vista Mobile:
