devMagno / brafe

☕ Site de uma cafeteria para estudo de diferentes técnicas de layout com CSS3.

Brafé ☕

📖 Sobre

O projeto Brafé foi desenvolvido durante o curso de CSS Avançado Posicionamento da Origamid. Foram desenvolvidas três páginas diferentes, cada uma delas de quatro formas diferentes:

1. Com CSS "puro", definindo widths e utilizando float;
2. Utilizando um sistema de Grid de 12 colunas feito com CSS;
3. Utilizando a propriedade Flexbox do CSS;
4. Utilizando o framework Bootstrap 4.

Tudo isso com o intuito de aprender as diferentes técnicas de layout com CSS3.

---

🚀 Tecnologias e ferramentas utilizadas

• HTML5
• CSS3
• Bootstrap 4
• Brackets

---

🖥️ Demonstração

---

🔧 Como executar o projeto

Não há necessidade de executar o projeto, você pode visualizá-lo clicando nos links a seguir: Brafé 1, Brafé 2 e Brafé 3, mas se ainda quiser fazê-lo, siga as instruções abaixo:

# Clone o repositório
git clone https://github.com/devMagno/brafe

# Entre no diretório
cd brafe

Depois disso, utilize uma ferramenta como o Live Server do Visual Studio Code para criar um servidor local e executar o projeto.

---

📝 Licença

O projeto está sob a licença MIT. Para saber mais, acesse o arquivo LICENSE.

---

Desenvolvido com 🤍 por Guilherme Magno.