Portfólio Maratona Programação

Estrutura do projeto

• README.md
• index.html
• assets/
  • img/
    • mobile.png
    • tablet.png
    • desktop.png
    • facebook.svg
    • github.svg
    • instagram.svg
    • linkedin.svg
    • youtube.svg
    • hudson.png
  • css/
    • style.css

Recursos

Cores

Padrão

• Fundo: #d9e2ee
• Fundo informações sobre: #fff
• Fundo rodapé: #3d6394
• Borda: #d9e2ee
• Títulos: #000;
• Parágrafos: #636363;

Dark Mode

• Fundo: #19232f
• Fundo informações sobre: #2d3846
• Fundo rodapé: #131a23
• Borda: #9fb1c7
• Parágrafos: #e4e4e4;

Fonte

Tamanhos

• Tamanho título primário: 1.5rem;
• Tamanho título secundário: 1.3rem;
• Tamanho parágrafos: 14px;

Família

• Família: 'Open Sans', sans-serif;

Transição

• Transição para o dark mode: all .3s ease-in-out 0s;

Layout

Mobile

Clique aqui para ver

Tablet

Clique aqui para ver

Desktop

Clique aqui para ver