Skip to content

Este portfólio foi desenvolvido para demonstrar meus conhecimentos em HTML e CSS. Em breve, pretendo criar uma nova versão utilizando JavaScript. Neste projeto, apliquei animações simples com CSS, que ajudam a evidenciar minha evolução e aprendizado até o momento

Notifications You must be signed in to change notification settings

IBrunooDev/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 

Repository files navigation

💻 Web Site Portfolio 💻

Clique Aqui para ir ao Site

image

📋 Sobre o Projeto

Este é o meu portfólio pessoal, desenvolvido para mostrar minhas habilidades, projetos e experiência como Desenvolvedor Front-End. O site foi construído com HTML e CSS puro, com foco em responsividade e experiência do usuário.

✨ Funcionalidades

  • Design Responsivo: Adaptável a todos os tamanhos de tela
  • Animações Suaves: Efeitos de hover e transições elegantes
  • Seções Organizadas:
    • Sobre Mim
    • Habilidades
    • Projetos
    • Contato
  • Botões Interativos: Com efeitos de hover e feedback visual
  • Imagem de Perfil Animada: Com efeito de flutuação e crescimento suave

🛠️ Tecnologias Utilizadas

  • HTML5
  • CSS3
  • Font Awesome (ícones)
  • Google Fonts

🎨 Design e Estilo

Cores Principais

  • Azul Principal: #3498db
  • Azul Escuro: #2c3e50
  • Branco: #ffffff

Tipografia

  • Fonte Principal: Segoe UI
  • Tamanhos de fonte responsivos usando clamp()

🚀 Melhorias Implementadas

Botões CTA

  • Layout flexível com espaçamento adequado
  • Efeitos de hover com transição suave
  • Responsividade otimizada para mobile
  • Sombras e bordas arredondadas para melhor aparência

Imagem de Perfil

  • Animação de flutuação contínua
  • Efeito de crescimento suave no hover
  • Sombra e borda com efeito de destaque
  • Transições suaves com timing personalizado

Responsividade

  • Media queries para diferentes tamanhos de tela
  • Layout adaptativo para mobile
  • Tamanhos de fonte e espaçamentos responsivos
  • Grid flexível para seções de habilidades e projetos

📱 Responsividade

O site foi desenvolvido com foco em responsividade, utilizando:

  • Unidades relativas (vw, rem)
  • Media queries para breakpoints
  • Flexbox e Grid para layouts
  • Tamanhos de fonte adaptáveis

🔗 Links


Desenvolvido com ❤️ por Bruno Henrique

About

Este portfólio foi desenvolvido para demonstrar meus conhecimentos em HTML e CSS. Em breve, pretendo criar uma nova versão utilizando JavaScript. Neste projeto, apliquei animações simples com CSS, que ajudam a evidenciar minha evolução e aprendizado até o momento

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published