Uma experiência web estática, responsiva e acessível, desenhada para apresentar minha jornada em Front-End.
🌐 Ver Projeto Online »
Tecnologias •
Estrutura •
Como Rodar
Este repositório hospeda meu portfólio pessoal construído do zero. O objetivo principal não foi apenas mostrar meus projetos, mas demonstrar domínio nos fundamentos do desenvolvimento web moderno: HTML Semântico, Arquitetura CSS e Design Responsivo.
Nota de Design: O layout foi pensado seguindo princípios de UI, com foco na legibilidade (tipografia Montserrat) e micro-interações sutis.
- 📱 Totalmente Responsivo: Layout fluido que se adapta de desktops wide a dispositivos móveis (Mobile First mindset).
- 🧱 CSS Modular: Adeus arquivos gigantes! O estilo foi componentizado (
header,main,footer) para facilitar a escala. - ♿ Acessibilidade (a11y): Uso rigoroso de tags semânticas (
<nav>,<main>,<footer>,<section>) para melhor SEO e leitura por screen readers. - ✨ Micro-interações: Efeitos de
hovere transições suaves para uma navegação mais orgânica.
- Tipografia: Montserrat (Google Fonts).
- Ícones: Font Awesome.
A organização foi pensada para manter o código limpo e escalável:
portfolio-bianca/
│
├── 📄 index.html # Markup semântico principal
├── 📄 reset.css # Normalização entre navegadores
│
├── 📁 css/ # Estilização Modular
│ ├── 📄 header.css # Navbar e Hero section
│ ├── 📄 main.css # Conteúdo, grids e seções
│ ├── 📄 footer.css # Rodapé e contatos
│ └── 📄 responsive.css # Media Queries centralizadas
│
└── 📁 img/ # Assets otimizados
├── 🖼️ bianca.jpeg
├── 🖼️ tech-icons/
└── ...