Clothean

🧺 Clothean — Lavanderia Online

Site institucional e de reservas da Clothean, uma lavanderia online com entrega em até 24 horas.

📋 Sobre o Projeto

A Clothean é uma lavanderia online que oferece serviços de lavagem, secagem e passamento de roupas com coleta e entrega na porta do cliente. Este projeto é o site oficial da empresa, desenvolvido com HTML, CSS e JavaScript puro.

🗂️ Estrutura de Páginas

Página	Descrição
`index.html`	Página principal com apresentação, serviços, formatos e localização
`login.html`	Página de login e cadastro do usuário
`reserva.html`	Formulário de reserva de serviço com resumo do pedido

🛠️ Tecnologias Utilizadas

HTML5 — estrutura semântica das páginas
CSS3 — estilização e responsividade
Bootstrap 5.3.8 — componentes (carousel, offcanvas, formulários)
JavaScript — interações do menu e do carousel

📁 Estrutura de Arquivos

Clothean1.5/
│
├── index.html          # Página principal
├── login.html          # Página de login
├── reserva.html        # Página de reserva
│
├── stylePadrao.css     # Estilos globais (header, footer, botões)
├── styleResposivo.css  # Media queries para responsividade
├── reservaCSS.css      # Estilos específicos da página de reserva
│
└── image/              # Pasta com todas as imagens do site
    ├── logo.png
    ├── fundoazul.png
    ├── fundoverde2.jpg
    └── ...

🎨 Paleta de Cores

Cor	Hex	Uso
Azul principal	`#2BA2DD`	Títulos, botões, destaques
Verde principal	`#7CBF5C`	Fundos, botões secundários
Verde claro	`#BDFFA6`	Backgrounds suaves
Azul escuro	`#01579B`	Textos e títulos

📱 Responsividade

O site é responsivo e se adapta a três tamanhos de tela:

Desktop — layout completo com duas colunas
Tablet — até 900px, elementos reorganizados em coluna
Mobile — até 600px, menu hamburguer, fontes reduzidas

🚀 Como Rodar o Projeto

Clone o repositório:

git clone https://github.com/seu-usuario/Clothean1.5.git

Abra a pasta do projeto:
```
cd Clothean1.5
```
Abra o index.html no navegador ou use um servidor local como o Live Server do VS Code.

✅ Funcionalidades

Página inicial com carousel de serviços
Menu hamburguer para mobile (Bootstrap Offcanvas)
Página de login com formulário
Página de reserva com seleção de serviço e resumo do pedido
Mapa de localização em SVG
Links para redes sociais
Responsivo para mobile, tablet e desktop

👨‍💻 Desenvolvedor

Desenvolvido por João Pedro e Otávio Canola