Este proyecto consiste en diseñar y desarrollar una página web personalizada utilizando HTML, CSS (incluyendo SCSS), y Bootstrap 4. A continuación se detallan los requisitos específicos para completar el proyecto:
-
Páginas HTML:
- El sitio web debe contener al menos cuatro páginas HTML distintas, cada una con contenido único y relevante.
-
Elementos Esenciales:
- Cada página debe incluir al menos una lista (ordenada o desordenada), al menos una tabla, y al menos una imagen.
-
Estilos CSS:
- Se debe crear al menos un archivo de hoja de estilos (stylesheet) utilizando CSS.
- El CSS debe hacer uso de al menos cinco propiedades CSS diferentes y cinco tipos diferentes de selectores CSS, incluyendo el uso de #id y .class selectors.
- Se debe incluir al menos una consulta @media para hacer que el diseño sea responsive en pantallas más pequeñas.
-
Bootstrap 4:
- Se debe utilizar Bootstrap 4 en el sitio web, aprovechando al menos un componente de Bootstrap.
- Se deben emplear al menos dos columnas de Bootstrap para el diseño, utilizando el sistema de grillas de Bootstrap.
-
Características SCSS:
- Las hojas de estilos deben utilizar al menos una variable SCSS, un ejemplo de anidamiento SCSS, y un uso de herencia SCSS.
Este proyecto consiste en una página web de tipo blog que se centra en el cine, específicamente en las películas del estudio Ghibli. A continuación se describe la estructura del sitio y sus principales secciones:
-
Inicio:
- La página de inicio presenta una introducción al blog y brinda una visión general del contenido que se puede encontrar en el sitio.
-
Mejores Películas:
- En esta sección, se encuentra una lista de las mejores películas del estudio Ghibli, seleccionadas y organizadas según su recepción crítica.
-
Curiosidades:
- Aquí se encuentran curiosidades interesantes relacionadas con las películas de Ghibli, como datos detrás de escena, secretos de producción y anécdotas sobre los personajes.
-
Listado de Películas de Estudio Ghibli:
- Esta sección proporciona un listado completo de todas las películas producidas por el estudio Ghibli, junto con información detallada sobre cada una, como título, año de lanzamiento, y sinopsis.
Con esta estructura, el sitio web ofrece una experiencia informativa y entretenida para los amantes del cine, particularmente de las obras del estudio Ghibli. La combinación de diseño personalizado, uso de Bootstrap 4, y características SCSS garantizan una presentación atractiva y moderna de la información proporcionada.