Início Profile Projeto
Avatar de

Matheus Ricardo Uihara Zingarelli

Barbearia Alura

  • html
  • css

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

página inicial

Produtos (mostrando o efeito de hover no item de barba)

página de produtos

Contato (mostrando a validação de e-mail)

image

Versão do site para dispositivos móveis

página inicial mobile página de produtos mobile página de contato mobile

TODO

  • adaptar o site para dispositivos com telas maiores, como tablets.