Skip to content

Latest commit

 

History

History
32 lines (26 loc) · 1.31 KB

README.md

File metadata and controls

32 lines (26 loc) · 1.31 KB

Passo a passo da criação do site para a empresa fictícia de TI OptimusTech

Neste projeto, criei uma landing page para apresentar uma empresa de TI, focada em um design profissional e moderno. O design visual seguirá o Figma disponibilizado no desafio 7 Days of Code da Alura.

1. Primeiro passo

Revisar cada seção do design disponibilizado para entender a disposição dos elementos, cores, tipografia e espaçamento. Tomar notas para se guiar no desenvolvimento.

2. Configuração Inicial

Criação de arquivos:

  • index.html: estrutura do HTML.
  • styles.css: para a estilização CSS.
  • README.md: documentação do projeto. Vinculando o CSS ao HTML: No arquivo index.html, adicionar um <link> no <head> para conectar o styles.css.

3. Estrutura HTML

  • Navbar
  • Cabeçalho
  • Métricas
  • Vagas
  • Depoimentos
  • Formulários

4. Estilização com CSS

  • Resetar o CSS
  • Importar fontes
  • Preparar root com todas as variáveis utilizadas de fontes e paleta de cores
  • Estilizar de acordo com as classes do HTML
  • Responsividade: Adicione @media queries para garantir que o site funcione em dispositivos móveis.

5. Finalização

Avaliar o resultado e importar no vercel app.