Cómo hacer un sitio con Bootstrap 5 – Courses Boot

Esta es un sitio one page construido con HTML y Bootstrap 5. El proyecto 75 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Courses Boot

DESAFÍOS

En este ejercicio quise hacer un proyecto muy chico para presentar cursos de manera visual, usando texto demo. Este texto demo me llamó la atención en cómo se puede presentar en proyectos futuros para sitios web.

PROCESO

Paleta de colores y estilos

Colores

Uso de colores Bootstrap 5 predeterminados

  • Warning
  • Light
  • Dark

Tipografía

Uso de font predeterminado de Bootstrap 5:

  • Native Font Stack

HTML y CSS (Bootstrap)

El proceso de HTML y CSS con Bootstrap es simultaneo.

Sitio web responsivo

Vista del sitio web de manera responsivo

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Courses Boot

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • Bootstrap (CSS)
  • Sitio responsivo
  • Github
  • Netlify

Recursos

Freepik

Unsplash

Template

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web para Cafetería

Sitio Web para Cafetería

Este es el primer sitio del año 2024 del reto #100sitioswebchallenge, un sitio estilo One Page usando HTML y CSS, y el uso de Flexbox para hacer separación de módulos en el sitio. Puedes visualizar el sitio en: Coffee Shop DESAFÍOS Quise empezar el año haciendo sitios...

100 Sitios Web Challenge 2024

100 Sitios Web Challenge 2024

https://www.youtube.com/watch?v=Pw5nzaXYvJ0 Tabla de Contenidos Introducción ¿Qué es el reto #100sitioswebchallenge? Aprendizajes del 2023 Reglas Conclusión Introducción Estoy emocionada de presentarte un desafío que nos llevará a explorar el fascinante mundo del...