Este documento describe un desafío para construir la página web de una empresa llamada Suricata utilizando Bootstrap. Se deben implementar elementos como una barra de navegación responsive, íconos de redes sociales y seguir la maqueta provista respetando requisitos como la estructura de carpetas y el uso de las fuentes y colores indicados.
0 calificaciones0% encontró este documento útil (0 votos)
16 vistas2 páginas
Este documento describe un desafío para construir la página web de una empresa llamada Suricata utilizando Bootstrap. Se deben implementar elementos como una barra de navegación responsive, íconos de redes sociales y seguir la maqueta provista respetando requisitos como la estructura de carpetas y el uso de las fuentes y colores indicados.
Este documento describe un desafío para construir la página web de una empresa llamada Suricata utilizando Bootstrap. Se deben implementar elementos como una barra de navegación responsive, íconos de redes sociales y seguir la maqueta provista respetando requisitos como la estructura de carpetas y el uso de las fuentes y colores indicados.
Este documento describe un desafío para construir la página web de una empresa llamada Suricata utilizando Bootstrap. Se deben implementar elementos como una barra de navegación responsive, íconos de redes sociales y seguir la maqueta provista respetando requisitos como la estructura de carpetas y el uso de las fuentes y colores indicados.
Descargue como PDF, TXT o lea en línea desde Scribd
Descargar como pdf o txt
Está en la página 1/ 2
Desafío - Suricata
● Para realizar este desafío debes haber estudiado previamente todo el material disponible en el LMS correspondiente a la unidad. ● Una vez terminado el desafío, comprime la carpeta que contiene el desarrollo de los requerimientos solicitados y sube el .zip en el LMS. (Opcional) ● Desarrollo desafío: ○ Para la realización del desafío necesitarás apoyarte del archivo Apoyo Desafío - Suricata.
Habilidades a evaluar
● Implementar adecuadamente Bootstrap en un proyecto web, utilizando el CDN y los
script externos necesarios, para la utilización de los recursos del framework en la construcción de sitios web.
Descripción
Aplicando todos los conceptos y herramientas aprendidas te invitamos a construir la página
web de "Suricata":
● Debes construir un layout responsivo, considerando Mobile First.
● Realizar la construcción del HTML y CSS siguiendo la maqueta proporcionada. ● Debes utilizar Bootstrap. ● Cuando finalices, comprime la carpeta del proyecto y súbela donde corresponde al LMS.
Tipografías: ● Open Sans (sacar desde Google Fonts).
Weight: ● Open Sans Regular (400). ● Open Sans Bold (700).
Colores: ● #212529; ● #fff o var(--white);
_ 1
www.desafiolatam.com ● #e83e8c o var(--pink); ● #17a2b8 o var(--info);
¡Importante! En este desafío existe una sección que desaparece visualmente en
la versión mobile. Para lograr esto deberás ocupar una combinación de clases que ofrece bootstrap en su documentación oficial en el apartado display de Utilities.
Requerimientos
1. Librerías Bootstrap: Integrar las librerías de bootstrap, descargando los archivos en
el proyecto. (3 Puntos)
2. Viewport: Utilizar el viewport para controlar las dimensiones y escalas de la página.
(1 Punto)
3. Fuente CSS: Se debe usar la fuente Open Sans, con sus respectivos pesos, donde corresponda. (1 Punto)
4. Navbar: Integrar la barra de navegación de Bootstrap (2 Puntos).
5. Logo: Debe añadirse el logo.png y el logo-footer.png donde corresponda.(1 Punto)
6. Íconos: Debe haber una sección con la clase icons-section dónde están los íconos de font-awesome. (1 Punto)
7. Estructura de carpetas: Además de estas comprobaciones, para que se asigne
puntaje a tu desafío debes utilizar la siguiente estructura de carpetas (1 Punto):
● /assets/img para las imágenes.
● /assets/js para los archivos javascript. ● /assets/css/style.css para los archivos CSS. ● /index.html.
