Por que Bootstrap?
  • Um framework poderoso para facilitar sua vida
Preparando o ambiente para começar
  • Conhecendo o Visual Studio Code e escolhendo sua ferramenta
  • Baixando o Bootstrap
Começando a construção do site
  • Instalando o Bootstrap e inserindo título e parágrafo
  • Inserindo botões
  • Invertendo as cores com a ajuda do Bootstrap
Estruturando com grids
  • Finalizando a seção principal com os grids
  • Inserindo espaçamentos com o Bootstrap
  • Organizando a casa com os containers
Criando o header do site
  • Inserindo a logo e o menu de navegação
Finalizando o nosso site
  • Construindo a seção Diferenciais
  • Começando a construção da seção Vantagens
  • Alinhamentos avançados no Bootstrap
  • Utilizando formulários na seção Inscreva-se
  • Criando o rodapé com alinhamento ao centro
Tornando responsivo com o Bootstrap
  • Imagens responsivas
  • Criando estrutura responsiva para a seção de destaque
  • Criando a estrutura responsiva para o restante do site
  • Bônus: Brincando com grids