SH-Port - Portfólio Profissional

📋 Sobre o Projeto

SH-Port é um portfólio profissional moderno e responsivo, desenvolvido com Angular e TypeScript. O projeto apresenta uma interface elegante e intuitiva, destacando serviços, trabalhos e habilidades profissionais.

✨ Funcionalidades

• Design Responsivo: Interface adaptável para todos os dispositivos
• Navegação Suave: Rolagem suave entre seções
• Seções Principais:
  • Home com hero section impactante
  • Sobre com informações profissionais
  • Serviços oferecidos
  • Galeria de trabalhos
  • Depoimentos de clientes
  • Formulário de contato

🛠️ Tecnologias Utilizadas

• Angular 17
• TypeScript
• SCSS
• Font Awesome
• HTML5
• CSS3

🚀 Como Executar

1. Clone o repositório:

git clone https://github.com/seu-usuario/sh-port.git

2. Instale as dependências:

cd sh-port
npm install

3. Execute o projeto:

ng serve

4. Acesse http://localhost:4200 no seu navegador

📦 Estrutura do Projeto

sh-port/
├── src/
│   ├── app/
│   │   ├── components/
│   │   │   ├── home/
│   │   │   ├── about/
│   │   │   ├── services/
│   │   │   ├── gallery/
│   │   │   ├── testimonials/
│   │   │   └── contact/
│   │   ├── shared/
│   │   │   ├── components/
│   │   │   │   ├── header/
│   │   │   │   └── footer/
│   │   │   └── styles/
│   │   └── assets/
│   └── styles/
└── ...

🎨 Estilos e Componentes

• Header: Navegação responsiva com mudança de cor baseada na seção
• Hero Section: Imagem de fundo com overlay e chamada para ação
• Serviços: Grid 3x2 com cards interativos
• Galeria: Layout responsivo com efeitos de hover
• Contato: Formulário estilizado com validação

📱 Responsividade

• Desktop: Layout completo com grid 3x2
• Tablet: Grid 2x3 para melhor visualização
• Mobile: Layout adaptado com uma coluna

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📞 Contato

Seu Nome - @seu_twitter - email@exemplo.com

Link do Projeto: https://github.com/claudiaazambuja/sh-port

---

Desenvolvido com ❤️ por [Claudia]