Projeto desenvolvido com HTML e CSS, baseado no protótipo disponibilizado pela Alura.
O objetivo foi criar uma landing page responsiva, garantindo uma boa experiência em diferentes dispositivos.
🔗 Acesse o projeto: lucasmb21.github.io/alura-plus
✅ Exploramos o protótipo no Figma e baixamos as imagens do projeto.
✅ Criamos variáveis no CSS para facilitar a estilização.
✅ Implementamos a estrutura HTML e CSS inicial.
✅ Adicionamos a imagem de fundo e ajustamos o layout.
✅ Implementamos fontes do Google Fonts para melhorar a tipografia.
✅ Criamos a segunda tela, expandindo a experiência do usuário.
✅ Melhoramos o HTML e CSS, tornando o código mais organizado e semântico.
✅ Ajustamos design e espaçamentos para maior fluidez visual.
✅ Criamos a terceira e a quarta tela do projeto.
✅ Reutilizamos código para tornar a estrutura mais eficiente.
✅ Ajustamos posicionamento e responsividade para diferentes tamanhos de tela.
✅ Criamos a seção dispositivos compatíveis, adicionando imagens e informações.
✅ Desenvolvemos a lista de dispositivos e organizamos o HTML e CSS.
✅ Implementamos o rodapé, garantindo responsividade e integração com o restante do site.
✅ Finalizamos o projeto, realizando os últimos ajustes.
✅ Publicamos o site, tornando-o acessível online.
✅ Implementamos a responsividade, garantindo boa experiência em dispositivos móveis.
✅ Testamos o layout em diferentes telas para otimizar a usabilidade.
🎯 Resultado final: lucasmb21.github.io/alura-plus
- HTML5 📄
- CSS3 🎨
- Google Fonts ✍️
- Figma (protótipo) 🎨
📌 Extras:
✔️ Código otimizado com reutilização de classes e elementos.
✔️ Design responsivo para desktop, tablet e mobile.
✔️ Organização e semântica no HTML e CSS.
📍 Página inicial:
📍 Outras seções: