https://github.com/cavicf/portfoliocapacitacao1
🧪 Este repositório reúne um projeto prático desenvolvido durante a capacitação de Web da byron.solutions, com foco na criação de um portfólio temático de StarWars. O objetivo foi apresentar um portfólio de forma clara e organizada, utilizando elementos visuais como ícones, imagens e efeitos de destaque.
https://github.com/cavicf/portfoliocapacitacao1
css3 html5
Last synced: 5 months ago
JSON representation
🧪 Este repositório reúne um projeto prático desenvolvido durante a capacitação de Web da byron.solutions, com foco na criação de um portfólio temático de StarWars. O objetivo foi apresentar um portfólio de forma clara e organizada, utilizando elementos visuais como ícones, imagens e efeitos de destaque.
- Host: GitHub
- URL: https://github.com/cavicf/portfoliocapacitacao1
- Owner: cavicf
- Created: 2025-05-21T14:03:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-07T22:29:24.000Z (about 1 year ago)
- Last Synced: 2025-07-04T02:39:26.746Z (12 months ago)
- Topics: css3, html5
- Language: HTML
- Homepage: https://cavicf.github.io/PortfolioCapacitacao1/
- Size: 2.18 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Portfólio Web - Capacitação byron solutions
Este repositório contém o meu projeto de portfólio desenvolvido como parte da **capacitação de Desenvolvimento Web da Byron Solutions**. O projeto foi criado **inteiramente com HTML e CSS**, consolidando meus aprendizados sobre os fundamentos da criação de sites, design responsivo e boas práticas na construção de interfaces web.
---
## 🎯 Sobre o Projeto
O objetivo principal deste portfólio foi aplicar na prática conceitos fundamentais do desenvolvimento web, como:
✅ Estruturação semântica de conteúdo com **HTML5**
✅ Estilização e responsividade com **CSS3**
✅ Uso de **Flexbox** e **Media Queries** para adaptação em diferentes dispositivos
✅ Organização visual por meio de um sistema de **componentes reutilizáveis**
✅ Integração de **ícones vetoriais** com Font Awesome
✅ Implementação de um **layout limpo, funcional e moderno**
---
## 🖼️ Estrutura do Portfólio
### 🏠 Home
- Apresentação pessoal com uma chamada de ação.
- Destaque para o perfil no GitHub.
- Elemento visual marcante com imagem do Darth Vader.
### 👩💻 Sobre
- Breve apresentação sobre minha trajetória acadêmica e profissional.
- História pessoal que motivou minha entrada no mundo da tecnologia.
- Links para perfis no **LinkedIn** e **Instagram**.
- Layout adaptado para **mobile** e **desktop**.
### 📂 Projetos
Cards individuais destacando três projetos práticos desenvolvidos:
- **Página de Conteúdo**
Site inspirado em portais de notícias, com foco na organização e clareza.
- **Página de Captura**
Landing page funcional para um workshop de marketing, incluindo formulário.
- **Página de Receitas**
Estrutura clara e atrativa no estilo TudoGostoso, com cards para ingredientes e modo de preparo.
### 🛠️ Serviços e Conhecimentos
- Lista de serviços que ofereço:
✅ Desenvolvimento Web
✅ Design de Interfaces
✅ Integração de APIs
- Conhecimentos destacados com ícones:
✅ HTML5
✅ CSS3
✅ JavaScript
✅ Figma
✅ Python
✅ Git
### 📞 Contato
- Informações de telefone, e-mail e redes sociais.
- Mensagem de despedida geek: *“May the force be with you!”* ✨
---
## 🎨 Tecnologias e Ferramentas Utilizadas
- **HTML5** para marcação semântica.
- **CSS3** para estilização e responsividade.
- **Font Awesome** para ícones.
- **Google Fonts (Poppins)** para tipografia moderna.
- **Normalize.css** para consistência entre navegadores.
- **Flexbox e Media Queries** para design responsivo.
---
## 🖌️ Estilo Visual
- Paleta de cores com destaque para o vermelho vibrante `#E02D2D` e tons sóbrios como preto `#191919` e branco `#EEF2F5`.
- Layout responsivo, com mudanças significativas para **desktops** acima de 1024px.
- Componentização de elementos como botões `.btn` e listas `.base-list`.
- Elementos interativos com efeitos `:hover` e animações suaves.
---
## 💡 Aprendizados
Este projeto foi essencial para fixar os principais conceitos do desenvolvimento front-end e compreender como transformar designs em páginas web funcionais e acessíveis. Além disso, fortaleceu minha habilidade em organizar projetos e aplicar boas práticas de código.
---
## 🔗 Links Importantes
- [🌐 Meu LinkedIn](https://www.linkedin.com/in/camily-victal)
- [📸 Meu Instagram](https://www.instagram.com/camilyvictalf/)
- [💻 Meus Repositórios no GitHub](https://github.com/cavicf?tab=repositories)
- [🏢 Byron Solutions](https://www.byronsolutions.com)
---
## ✨ Agradecimentos
Agradeço à **byron solutions** pela oportunidade de capacitação e pelo incentivo contínuo ao desenvolvimento de novas habilidades.
---
> *“May the force be with you!”*
> — Camily Finamor