Meu Portfolio

Um projeto que fiz no curso da Alura de HTML e CSS

🔨 Funcionalidades do projeto

Página para apresentar meus projetos. Acessibilidade ok. página responsiva e aplicação de variáveis CSS

✔️ Técnicas e tecnologias utilizadas

• 🤠HOVER: Ao passar o mouse sobre os links das redes sociais, um hover é acionado pra dar mais interatividade à página
• ⛺Variáveis CSS: Através do Root, apliquei variáveis em 4 cores; (primária, secundária, terciária e hover);
• 📳@media query: Aplicação do media query com um max-widht de 1200px, pra que abaixo desta resolução ela se torne muito mais responsiva.
• Sobre mim, Home, Curriculum: Em um futuro não muito distante, irei montar um curriculum interativo dentro do próprio site e aplicação de JavaScript.

📁 Acesso ao projeto

Baixe aqui

📚 Mais informações do curso

Parte 1 - Conluído ✅

Parte 2 - Concluído ✅

Parte 3 - A concluir 🕦

✅ O que Aprendi

• Como consultar o layout do projeto no Figma;

• Escrever o código base do arquivo HTML, usando as tags semânticas que fazem parte da estrutura básica do arquivo;

• A função de cada tag meta.

• O que é CSS (Cascading Style Sheets);

• Estilização na prática;

• Propriedades CSS;

• Criar um arquivo externo para estilizar a página;

• Integrar o arquivo CSS ao arquivo HTML.

• Utilizar as cores no CSS;

• Utilizar as cores hexadecimais no CSS;

• Utilizar paleta de cores de terceiros;

• Alterar as cores de fundo e dos textos;

• Extrair a cor do Figma para utilizar no CSS;

• Destacar o texto e alterar a cor do texto em destaque.

Como ficou o Projeto 💥

Pc 💻

Mobile 📱