Este projeto foi desenvolvido durante o curso de HTML5 e CSS3. Os objetivos principais eram:
- Aprender o que é HTML e CSS;
- Estruturar um site com HTML;
- Definir estilos com CSS;
- Desenvolver uma página da Web;
- Utilizar as ferramentas do navegador para inspecionar elementos.
No decorrer do projeto foram desenvolvidas três páginas da Web para simular o site de uma barbearia.
Construí um menu de navegação no cabeçalho da página e também coloquei o link da página principal no logo; ainda na página principal, adicionei textos, um mapa, um vídeo e algumas imagens.
Na página de produtos, utilizei elementos de HTML e CSS para criar uma pequena lista com os serviços e preços da barbearia.
Na página de contato, montei um formulário para entrar em contato com a barbearia, com campos para email, telefone, mensagem, etc. e uma tabela de horários. No rodapé da página, utilizei CSS para adicionar uma foto de fundo e também coloquei a logo da barbearia e minhas redes sociais.
- navegação entre páginas da Web;
- importar conteúdos externos no HTML;
- criação de listas e tabelas;
- criação de formulários complexos;
- reset.css, pseudo-classes e pseudo-elementos do CSS;
- trabalho com bordas, opacidade e sombras;
- hierarquia, transformações e transições no CSS;
- posicionamento de elementos com CSS;
- media queries para atualizar o layout em dispositivos móveis;
- ferramentas do Chrome auxiliar no desenvolvimento;
- Lighthouse para identificar erros.
Sempre procuro seguir as boas práticas e melhorar meu código o máximo possível. Por favor, abram, inspecionem, explorem! Praticamente tudo é interativo com pelo menos alguma pequena animação no CSS!
Todo o feedback é importante; críticas, sugestões, comentários, etc. são sempre bem-vindos! Se chegou até aqui, muito obrigado pelo interesse e não esqueça de checar meus outros projetos no GitHub!