Olá, Ao seguir os passos listados abaixo, você terá sua primeira página web responsiva para adicionar ao seu portifólio.

Você deve atuar desde a concepção do projeto até seu lançamento, além disso, essa atividade é para ser algo divertido, então, escolha um tema de sua preferêcnia e preencha a documentação do projeto antes de iniciar a etapa de programação.

Lembre-se de manter a documentação sempre atualizada e aproveite essa oportunidade para estimular sua criatividade, criando conteúdos exclusivos.

Dúvidas ou sugestões? [email protected]

• Editor de imagens online: iloveimg
• Otimizador de imagens online: imagecompressor
• Ícones: flaticon, fontawesome, ionicons
• Banco de Imagens: unsplash, burst
• Fontes: Google Fonts
• Compressores de script: cssminifier, minifier
• Wireframes: Figma, Draw.io, NinjaMock, Adobe XD
• Criar notas online: donpad

• Documentação inicial

• Preparação da estrutura do projeto (Primeira Etapa)

• Hero Header (Segunda Etapa)

• Documentação versão 2

• Features (Terceira Etapa)

• Documentação versão 3

• Galeria de imagens (Quarta Etapa)

• Documentação versão 4

• Lista de passos (Quinta Etapa)

• Documentação versão 5

• Cidades Atendidas (Sexta Etapa)

• Documentação versão 6

• Depoimentos(Sétima Etapa)

• Documentação versão 7

• Rodapé(Oitava Etapa)

• Media Queries - Tornando nosso site responsivo! Finalmente!

• Dicas para suportar multiplos navegadores

• Sticky Navigation

• Menu Responsivo

• Menu Responsivo - material externo

• Exemplos de menu responsivos

• Aula sobre Grid

• Explicação sobre GRID

• Grid Resumão

NEW - NOVO

• Smooth Scrolling

Pacote de Imagens

• baixar

GRID ref1 ref2(https://www.w3schools.com/css/css_grid.asp) ref3