Skip to content
/ brafe Public

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

License

Notifications You must be signed in to change notification settings

devMagno/brafe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Brafé ☕

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


🖥️ Demonstração

Brafé 1 Brafé 2 Brafé 3


🔧 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.