👤 Cards de Perfil Responsivos em HTML e CSS

Projeto desenvolvido em HTML5 e CSS3 com o objetivo de criar um conjunto de cards de perfil modernos e responsivos, contendo foto do usuário, nome, avaliação por estrelas, descrição e botões de ação.

Ideal para páginas de equipes, depoimentos, portfólios ou apresentação de colaboradores.

---

📸 Prévia

O projeto apresenta três cards alinhados horizontalmente sobre um fundo roxo, com um design limpo e elegante. Cada card possui uma imagem circular, nome do usuário, avaliação em estrelas, texto descritivo e dois botões de interação.

---

✨ Funcionalidades

• 👤 Cards de perfil modernos
• 🖼️ Imagens em formato circular
• ⭐ Sistema de avaliação com estrelas
• 📄 Texto descritivo personalizado
• 🔘 Botões de ação ("Read More" e "Subscribe")
• 📱 Layout responsivo para diferentes tamanhos de tela
• 🎨 Interface simples e elegante

---

🛠️ Tecnologias Utilizadas

• HTML5
• CSS3

---

📂 Estrutura do Projeto

📁 Cards-de-Perfil
│
├── index.html
├── style.css
├── images/
│   ├── profile1.jpg
│   ├── profile2.jpg
│   └── profile3.jpg
└── README.md

---

🚀 Como executar

1. Faça o download ou clone o repositório.

git clone https://github.com/seu-usuario/cards-de-perfil.git

2. Abra a pasta do projeto.

3. Execute o arquivo index.html em seu navegador.

---

🎨 Recursos do Projeto

• Cards alinhados com Flexbox
• Bordas arredondadas
• Fotos com efeito circular
• Botões estilizados com efeito hover
• Tipografia moderna
• Layout organizado e intuitivo

---

📚 Objetivo do Projeto

Este projeto foi criado para praticar conceitos importantes de desenvolvimento front-end, como:

• Estruturação semântica em HTML
• Posicionamento com Flexbox
• Responsividade
• Estilização de componentes com CSS
• Botões interativos
• Criação de cards para interfaces modernas

---

💻 Resultado Esperado

• Fundo em tom roxo ocupando toda a tela.
• Três cards centralizados.
• Foto de perfil circular em destaque.
• Nome do usuário e avaliação por estrelas.
• Texto descritivo abaixo das informações.
• Botões estilizados para interação.

---

🚀 Possíveis melhorias

• Adicionar animações ao passar o mouse sobre os cards.
• Implementar modo escuro.
• Tornar os botões funcionais com JavaScript.
• Integrar os dados com uma API ou banco de dados.
• Adicionar redes sociais e ícones de contato.

---

🎯 Aplicações

Este modelo pode ser utilizado em:

• Página de equipe
• Seção de depoimentos
• Portfólio profissional
• Apresentação de colaboradores
• Landing pages
• Sites corporativos

---

👨‍💻 Autor

Projeto desenvolvido para estudos de HTML e CSS, com foco na criação de componentes modernos, responsivos e reutilizáveis para interfaces web.

---

⭐ Se este projeto ajudou nos seus estudos, deixe uma estrela no repositório e continue evoluindo no desenvolvimento front-end!