- Sobre o Projeto
- Objetivos do Projeto
- Funcionalidades do Projeto
- Tecnologias Utilizadas
- Layouts
- Adaptações
- Autor
Esse projeto foi feito com a instrução de Mônica Hillman, bacharela em Tecnologias Digitais e instrutora da Alura.
Em um curso ela ensina a identificar elementos e estilos através do Figma usando HTML&CSS. Seu principal objetivo nesse curso é ensinar a construir um site com responsividade Mobile First.
- Entender como interpretar um prótotipo de site no Figma;
- Conhecer e aprender a usar a abordagem Mobile First;
- Botão Categorias(Desktop)/Menu Hamburguer(Mobile): Ao ser clicado surge 5 opções de categorias;
- Botões Laterais do Carrosel: Ao ser clicado move o carrossel na direção oposta;
- Arrastar o Carrosel com Mouse/Dedo: Ao arrastar o carrossel se move.
- HTML
- CSS
- SwiperJS
Width 1280px
Width 768px
Width 480px
Obs.: Altura das imagens foram reduzidas para no maximo 500px, para à ver em seu tamanho original clique nelas. Você será redirecionado para o local onde elas foram armazenadas no GitHub.
Com exceção de pequenas adaptações estéticas, não há nenhuma grande adaptação.
Meu nome é Alexandre Coelho, sou autor deste ReadMe e estudante de Desenvolvimento Web. Fiz esse projeto com a orientação da instrutora Mônica Hillman, o design foi repassado e minhas mudanças no projeto foram poucas. Há divergencias do meu projeto para o original no botão "Categorias" e no modelo SwiperJS, que busquei algo que ficava mais interessante e semelhante ao que foi mostrado no figma.
Logo abaixo estão os meus principais links, fique a vontade de acessar o que mais lhe interessar:
