/lista-contatos-kenzie-main

Primary LanguageCSS

Maratona de Programação 6: Lista de Contatos

Projeto desenvolvido na parte 6 da maratona de programação da Kenzie Academy Brasil.

Ferramentas

  1. Instalação do VS Code no Windows
  2. Como utilizar o codepen e o VSCode

Checkpoints

  1. Introdução ao HTML
  2. Introdução ao CSS
  3. Introdução ao Javascript

O Projeto

Estrutura de arquivos

  • README.md
  • index.html
  • /assets
    • /img
    • /js
      • script.js
    • /css
      • style.css

Fonte

  • 'Quicksand', sans-serif;

Cores

  • Azul principal: #162b7b;
  • Branco: #ffffff;
  • Branco principal com transparência: hsl(0deg 0% 100% / 90%);
  • Azul principal com transparência: hsl(228deg 70% 28% / 10%);
  • Vermelho: #de4b09;
  • Vermelho com transparência: hsl(0deg 95% 44% / 5%);

Sombra

  • box-shadow: 3px 3px 14px -14px #4f4f4f

Layout

Referências