Projetos-Bootstrap

Projetos Bootstrap

Este repositório contém 5 projetos desenvolvidos com HTML5 + Bootstrap 5, com o objetivo de praticar layout responsivo, componentes e utilitários do Bootstrap.

Os projetos vão do nível básico ao avançado.

---

📌 Tecnologias usadas

• HTML5
• Bootstrap 5
• CSS
• Bootstrap Icons

CDN Bootstrap:

https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css

---

📂 Projetos

1️⃣ Página SaaS (Landing Page)

Landing page para um software fictício.

Componentes usados:

• Grid system
• Buttons
• Typography
• Spacing utilities

Aprendizado:

• container
• row
• col-12
• col-md-6
• display-4
• lead
• btn

Nível: Básico

---

2️⃣ Blog Tech & Help Center

Portal de notícias com FAQ.

Componentes usados:

• Navbar
• Cards
• Alerts
• Pagination
• Accordion
• Modal
• Badges

Aprendizado:

• data-bs-toggle
• collapse
• modal
• accordion

Nível: Intermediário

---

3️⃣ Checkout de E-commerce

Página de finalização de compra.

Componentes usados:

• Forms avançados
• Floating labels
• Validation
• Input group
• List group
• Badges

Aprendizado:

• form-floating
• is-valid
• is-invalid
• list-group

Nível: Avançado

---

4️⃣ Site de Agência de Viagens

Site com carousel e cards.

Componentes usados:

• Navbar
• Carousel
• Cards
• Badges
• Buttons
• Footer

Aprendizado:

• carousel
• card
• grid
• responsive

Nível: Intermediário

---

5️⃣ Admin Dashboard

Painel administrativo.

Componentes usados:

• Sidebar
• Navbar
• Cards
• Table
• Badges
• Icons

Aprendizado:

• flex
• table
• bootstrap-icons
• layout dashboard

Nível: Avançado

---

📚 Objetivo

Praticar Bootstrap criando projetos reais, aprendendo:

• Layout responsivo
• Componentes
• Utilitários
• Formulários
• Navegação
• Dashboards

---

✅ Resultado

Coleção de projetos Bootstrap do básico ao avançado.