Mini Projetos

Resolução do Mini Projeto

Landing page de Produtos de tecnologia

Preparação do Ambiente

Setup do Ambiente de Desenvolvimento

Guiando Novatos no GitHub

Início da Landing Page

Iniciando com mobile first

Planejamento Visual para HTML

Corrigindo Conexão CSS-HTML

Layout Inicial CSS/HTML

Técnicas de Css

CSS: Inspeção e Nomeação Eficiente

Estruturação de Site com BEM

Definindo Cores Primárias

Gradientes em Botões CSS

Construção do Header

Flexbox no Header: Navegação Fácil

Ajustes de Layout Flexbox

Ajustes no Design do Header

Seção de Produtos

Estrutura HTML para Produtos

CSS Flex e Otimização de Imagens

Caixa de Produto em HTML

Outras seções

Design Flex para Produtos

Estilizando Preços de Produtos

Reutilização de Código em HTML

Nova Seção da Landing Page

Footer

Otimização de Layout e Imagens

Formulário Responsivo: HTML e CSS

Estilizando Formulários HTML

Footer com Flexbox e Estilo

Versão desktop

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

Finalização

Extra! Detalhes

Preparação do Ambiente

Setup do Ambiente de Desenvolvimento

Guiando Novatos no GitHub

Início da Landing Page

Iniciando com mobile first

Planejamento Visual para HTML

Corrigindo Conexão CSS-HTML

Layout Inicial CSS/HTML

Técnicas de Css

CSS: Inspeção e Nomeação Eficiente

Estruturação de Site com BEM

Definindo Cores Primárias

Gradientes em Botões CSS

Construção do Header

Flexbox no Header: Navegação Fácil

Ajustes de Layout Flexbox

Ajustes no Design do Header

Seção de Produtos

Estrutura HTML para Produtos

CSS Flex e Otimização de Imagens

Caixa de Produto em HTML

Outras seções

Design Flex para Produtos

Estilizando Preços de Produtos

Reutilização de Código em HTML

Nova Seção da Landing Page

Footer

Otimização de Layout e Imagens

Formulário Responsivo: HTML e CSS

Estilizando Formulários HTML

Footer com Flexbox e Estilo

Versão desktop

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

Finalização

Extra! Detalhes

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Nova Seção da Landing Page

Copiamos e colamos o código HTML e CSS para criar uma nova seção da landing page, trocando apenas títulos e imagens. Em seguida, iniciamos a terceira seção dedicada ao suporte.

Comentários

(0)