Junte-se a outras 60 pessoas que estão fazendo esse mini projeto.
Projeto Landing page de Produtos de tecnologia
Uma landing page focada em HTML e CSS para você praticar a base!
- Iniciando com mobile first
- Planejamento Visual para HTML
- Corrigindo Conexão CSS-HTML
- Layout Inicial CSS/HTML
- CSS: Inspeção e Nomeação Eficiente
- Estruturação de Site com BEM
- Definindo Cores Primárias
- Gradientes em Botões CSS
- Flexbox no Header: Navegação Fácil
- Ajustes de Layout Flexbox
- Ajustes no Design do Header
- Estrutura HTML para Produtos
- CSS Flex e Otimização de Imagens
- Caixa de Produto em HTML
- Design Flex para Produtos
- Estilizando Preços de Produtos
- Reutilização de Código em HTML
- Nova Seção da Landing Page
- Otimização de Layout e Imagens
- Formulário Responsivo: HTML e CSS
- Estilizando Formulários HTML
- Footer com Flexbox e Estilo
- Aprimoramento do Design Web
- Menu Responsivo Personalizado
- Redesign da Landing Page
- Exibição de iPhones Ajustada
- Integração Visual de Formulários
- Melhorias no Layout e Legibilidade
- Footer Flexível e Responsivo
- Extra! Detalhes
Início da Landing Page
Técnicas de Css
Construção do Header
Seção de Produtos
Outras seções
Footer
Versão desktop
Finalização