Front End Basics - HTML, CSS & Bootstrap Project
El proyecto consiste en una página web para un negocio ficticio, "My Business Webpage", que incluye varias secciones:
Header: Contiene el nombre del negocio y una barra de navegación. Quiénes Somos: Una sección que describe la empresa. Servicios: Detalle de los servicios que ofrece la empresa. Portafolio: Muestra ejemplos de proyectos realizados. Ubicación: Información de contacto y ubicación de la empresa. Correo Electrónico: Un formulario para que los usuarios puedan contactarnos vía email.
HTML5: Para estructurar el contenido de la página. CSS3: Para estilizar y darle diseño a la página. Bootstrap 5: Para facilitar la creación de un diseño responsivo y mejorar la experiencia del usuario en diferentes dispositivos. Font Awesome: Para incluir iconos en la sección de servicios.
Durante el desarrollo de este proyecto, aprendí y apliqué varios conceptos clave del desarrollo Front End:
Estructura HTML: Cómo organizar y estructurar una página web utilizando etiquetas semánticas de HTML. CSS y Diseño: Aplicar estilos avanzados con CSS, incluyendo el uso de flexbox y grid para el diseño responsivo. Bootstrap: Integrar Bootstrap para agilizar el desarrollo y garantizar una buena responsividad en dispositivos móviles y de escritorio. Media Queries: Utilizar media queries para adaptar el diseño a diferentes tamaños de pantalla. Interactividad con CSS: Añadir efectos y transiciones para mejorar la experiencia del usuario.
El proyecto está organizado en los siguientes archivos:
index.html: Contiene la estructura HTML de la página. css/style.css: Contiene los estilos CSS personalizados. img/: Carpeta que contiene las imágenes utilizadas en la página.