🚀 Portfólio Pessoal - Douglas Andreolle

Este é o meu portfólio pessoal desenvolvido durante a fase inicial da minha formação na Alpha EdTech. O projeto foi construído com o objetivo de consolidar e demonstrar o domínio dos fundamentos de arquitetura web, utilizando apenas tecnologias front-end essenciais.

📋 Sobre o Projeto

O portfólio apresenta minha trajetória como aspirante a Desenvolvedor Full Stack, destacando projetos práticos que exploram seletores avançados, pseudo-classes e estruturação semântica.

🛠️ Tecnologias e Conceitos Utilizados

Neste projeto, apliquei os seguintes conceitos de desenvolvimento web:

HTML5 (Estruturação Semântica)

• Uso de tags semânticas (<header>, <main>, <section>, <article>, <footer>) para melhor acessibilidade e SEO.
• Organização hierárquica de títulos e conteúdos.

CSS3 (Estilização e Design)

• Variáveis CSS (Root): Centralização de cores, fontes e espaçamentos para facilitar a manutenção.
• Flexbox & Grid: Utilizados para criar o layout responsivo e a grade de projetos.
• Design Responsivo: Implementação de Media Queries para suporte a dispositivos móveis e telas ultrawide (2560px+).
• Pseudo-classes & Pseudo-elementos: Demonstração de estados de interação (:hover, :focus) e seletores dinâmicos (:nth-child).
• Sticky Header: Navegação fixa no topo para melhor experiência do usuário.
• Transições suaves: Uso de transition para efeitos de hover mais fluidos.

💻 Projetos em Destaque

Dentro deste portfólio, você encontrará links para demonstrações específicas:

1. Uso de :nth-child: Estilização dinâmica de listas.
2. Estados de Interação: Foco em UX através de feedbacks visuais de hover e active.
3. Pseudo-elementos: Uso criativo de ::before e ::after.

🚀 Como visualizar

1. Clone este repositório:

   git clone [https://github.com/AndreolleD/defafioAlpha](https://github.com/AndreolleD/defafioAlpha)