Creación de una Landing Page Responsiva con Bootstrap desde Cero

Esta es una landing page responsiva maquetada con HTML y estilizada con clases de Botstrap 5 y otros estilos con CSS. El proyecto 81 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Pilates

DESAFÍOS

A partir de este proyecto quise usar modal de Bootstrap para mostrar un formulario cuando le dieras click en el botón. Primero poder separar en dos esta landing page y posteriormente poder hacer el uso de modals.

PROCESO

Paleta de colores y estilos

Colores

• Uso de colores Bootstrap 5 predeterminados (Light)
• Otros (#A6A19B, #B48E6F)

Tipografía

• Uso de font predeterminado de Bootstrap 5: Native Font Stack

Mockup (Bosquejo)

Este es el proceso inicial del proyecto donde se construye el bosquejo.

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: Pilates

Información técnica

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

RECURSOS

• Bootstrap
• Template

Pexels

• Ekaterina Bolovtsova

Deja tus comentarios y sugerencias.