La Landing Page es una prueba de trabajo desarrollada con tecnologías web front-end básicas, incluyendo HTML, CSS y JavaScript (Vanilla JS). Se ha utilizado la metodología BEM (Block Element Modifier) para organizar y mantener el código de manera modular y escalable.
index.html
: Este archivo contiene la estructura principal de la página web, incluyendo la referencia a las hojas de estilos y scripts.css/styles.css
: Este archivo CSS principal incluye estilos globales y hace referencia a otros archivos CSS para componentes específicos.css/buttons.css
: Un archivo CSS separado para estilos de botones (puede haber más archivos CSS para otros componentes).css/reset.css
: Prepara a los navegadores para quitar estilos predifinidos.css/root
: Estilos generales.js/main.js
: El archivo JavaScript principal de la aplicación.js/componentLoader.js
: Función JavaScript para la carga de los componentes en el index.html.js/hamburguer.js
: Esta función despliega el menu de hamburguesa.
El proyecto está organizado en carpetas de la siguiente manera:
components/header
: Contiene estilos CSS específicos para el componente de encabezado.components/main
: Contiene estilos CSS específicos para el componente principal.components/footer
: Contiene estilos CSS específicos para el componente de pie de página.
Se ha utilizado la fuente "Roboto" de Google Fonts en este proyecto. Las fuentes se importan directamente desde la URL de Google Fonts.
- El documento HTML utiliza la etiqueta
<meta>
para configurar la codificación de caracteres y la vista en dispositivos móviles. - La página utiliza una estructura de contenedor con áreas definidas para el encabezado, el contenido principal y el pie de página.
No se han mencionado errores específicos en el código proporcionado. Sin embargo, se recomienda realizar pruebas exhaustivas en varios navegadores y dispositivos para asegurarse de que la página se vea y funcione como se espera.