Demos
Exemplos visuais e interativos para usar na sala de aula e no estudo.
Estilos
Estrutura da página
Componentes
Hero
O primeiro impacto de uma página - título chamativo, frase de apoio e botão bem visíveis.
CTA
O botão que convida a agir - variações de tamanho, cor e texto para chamar a pessoa certa.
Card
O bloco com imagem, título e texto - o jeito mais comum de apresentar produtos e serviços.
Depoimento
Prova social - o que quem já usou fala, com nome e rosto, pra pessoa confiar.
FAQ
Perguntas frequentes que abrem e fecham - responde as dúvidas que mais chegam.
Pricing
Tabela de preços - opções lado a lado, com uma delas em destaque pra facilitar a escolha.
Galeria
Grade de fotos com legenda - mostra o trabalho e o clima do lugar de uma vez.
Contato
Aula 09Formulário de contato - o visitante deixa o nome e o recado pra você responder.
Header
O topo da página - logo, navegação e menu - a porta de entrada do site.
Footer
O rodapé - quem é, onde achar e os links de respaldo que fecham a página.
Tipos de site
Landing Page
Uma página só, feita pra convencer - do primeiro título ao botão final.
One Page
Tudo numa página só: a pessoa rola e conhece o negócio inteiro sem trocar de tela.
Institucional
A página que apresenta quem é, o que faz e onde achar - o cartão de visita do negócio.
E-commerce
A loja na internet: produtos em grade, foto, nome e preço, prontos pra comprar.
Catálogo
A vitrine sem loja: fotos dos produtos com nome e preço, e o pedido vai por WhatsApp.
Blog
Publicar conteúdo em sequência: a notícia de destaque no topo e os textos mais recentes em lista.
Portfólio
O trabalho fala por você: fotos dos projetos e um botão pra quem quiser contratar.
SaaS / App
O programa que roda na internet: entrar, ver seu painel e mexer nos dados - sem instalar nada.
Marketplace
A feira online: vários vendedores no mesmo lugar, cada um com seus produtos e preços.
Evento
A página do evento: data, local, programação e o botão de inscrição - tudo na cara da pessoa.
Restaurante
O cardápio na internet: pratos com descrição e preço, pra pessoa escolher antes de ir ou pedir.
Escola / Curso
O site do curso: o que se aprende, as turmas abertas e o depoimento de quem já fez.