Meet Minas
Nesse repositório você encontra os starter files de um projeto feito com HTML, CSS e Javascript.
Meet Minas é uma empresa fictícia de viagens, especializada em viagens pelo estado de Minas Gerais. Esse projeto consiste de um site responsivo utilizando a metodologia mobile-first, ou seja, ele é desenvolvido primeiro para dispositivos mobile e depois para telas maiores. Esse site é composto por Navbar, Hero Section, Sobre Nós, Nossos Diferenciais, Nossos Pacotes, Newsletter, Galeria e Footer.
- Você pode conferir o resultado final do projeto clicando aqui.
- Assista ao passo a passo (dividido em 14 partes) clicando aqui.
Conteúdo extra
Esse projeto possui conteúdos exclusivos, que são:
- Ebook explicando todo o projeto passo a passo, com mais de 120 snippets (trechos) de códigos explicados com imagens
- Código completo do projeto
- Código completo do projeto completamente comentado
- Vídeo extra ensinando como fazer com que o usuário mova a galeria com eventos de toque no mobile (passando o mouse sobre a tela).
- Arquivo Figma com o layout do projeto
Caso você deseje ter acesso a todo esse material extra, além de materiais de outros projetos, por favor considere fazer parte da minha comunidade e apoiar o meu trabalho clicando aqui. Muito obrigado!
O que você irá aprender/praticar durante esse projeto:
-
CSS
- Variáveis CSS
- Unidades CSS (rem, %, vh, px)
- Metologia BEM
- Media Queries
- Flexbox
-
Javascript
- .querySelector()
- .querySelectorAll()
- .addEventListener()
- .add()
- .remove()
- .contains()
E muito mais.
Eu adoraria ver seu projeto finalizado. Por favor, marque-me no Youtube, Instagram (@inkasadev) ou Twitter (@inkasadev). 😉