Projeto Avatar CSS3

Este projeto é uma prática para criar avatares personalizados utilizando HTML5 e CSS3. O foco principal está na estilização dos avatares, incluindo tamanho, cor, formato circular, bordas, imagens e detalhes adicionais como badges.

---

🚀 Tecnologias Utilizadas

• HTML5
• CSS3 (Flexbox, estilos avançados para imagens e posicionamento)
• Sem frameworks externos — código puro

---

📁 Estrutura do Projeto

• index.html — página principal que exibe os avatares
• style.css — estilos para os avatares e layout
• imagens/ — pasta contendo as imagens usadas nos avatares (rostos de moços e moças)

---

🎯 Funcionalidades

• Avatares circulares com imagens ajustadas automaticamente (object-fit: cover)
• Badges posicionados na parte inferior central do avatar
• Suporte para ícones ou texto dentro dos avatares
• Layout responsivo básico para diferentes tamanhos de tela

---

💻 Como executar o projeto localmente

1. Clone este repositório:

   git clone https://github.com/Sara-source01/CSS3.git

2. Navegue até a pasta do projeto:

cd CSS3

3. Abra o arquivo index.html no seu navegador favorito:

Você pode abrir diretamente clicando no arquivo

Ou usando extensões como Live Server no VSCode para melhor experiência

💻 Pré-visualização

Acesse a demo online: 🔗 Ver Demonstração

👩‍💻 Autor

Desenvolvido por Sara George 🚀
Sinta-se à vontade para entrar em contato ou contribuir com melhorias!