Barbearia Alura
Barbearia Alura
A Barbearia Alura é uma empresa fictícia, cujo site foi sendo construído durante os quatro cursos iniciais de HTML5 e CSS3 da Alura, como forma de praticar os conceitos mostrados em aula.
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Barbearia Alura |
🏷️ Tecnologias | html, css |
🚀 URL | https://zingarelli.github.io/barbearia-alura/index.html |
🔥 Curso | https://www.alura.com.br/curso-online-html5-css3-primeiros-passos |
Detalhes do projeto
Foram criadas três páginas: a index, a página de produtos e a página de contato, contendo imagens, listas, menu de navegação e conteúdos externos em iframe. A página de contato possui um formulário com campos e um botão de envio, mas o botão não é funcional (o foco do projeto foi o visual, fazer as telas).
Alguns efeitos foram aplicados nos links do menu de navegação, na lista de produtos e no formulário (incluindo validações de campos), tudo utilizando as funcionalidades oferecidas pelo HTML5 e CSS3.
Utilizou-se também de Media Query no CSS, para tratar de responsividade, adaptando o conteúdo para dispositivos móveis que possuam no máximo 480px de largura.
Screenshots
Algumas prints de partes de cada página. Algumas estão com o zoom reduzido para mostrar mais os elementos das telas.
Home
Produtos (mostrando o efeito de hover no item de barba)
Contato (mostrando a validação de e-mail)
Versão do site para dispositivos móveis
TODO
- adaptar o site para dispositivos com telas maiores, como tablets.