anabarbaramarques_portifolio

Portfólio - Ana Bárbara Marques dos Santos

Sobre Este é o portfólio pessoal de Ana Bárbara Marques dos Santos, desenvolvedora em construção, explorando Front-end e Back-end com HTML, CSS, JavaScript (opcional), e Python.

O site apresenta um efeito de capa com a logo: Ao carregar, a página exibe a logo ABMS em tela cheia. Ao clicar na logo, a capa desaparece revelando o conteúdo principal do portfólio. A transição é feita apenas com HTML e CSS, sem JavaScript. O portfólio é responsivo e funciona em desktop, tablets e dispositivos móveis.

Tecnologias Utilizadas HTML5 CSS3 (Flexbox, Transitions, Pseudo-classes) Google Fonts (Montserrat e Roboto) Imagem da Logo em PNG Imagem de Apresentação em PNG/JPG

Estrutura do Projeto /portifolio-abms │ ├─ index.html # Página principal ├─ style.css # Estilo do portfólio ├─ logo.png # Logo ABMS ├─ imagem.png # Foto de apresentação └─ icon.png # Favicon

Como Funciona O usuário acessa a página. A tela inicial exibe a capa com a logo. Ao clicar na logo, a capa desaparece usando :checked no CSS. O conteúdo principal (introdução, links, imagens) é exibido centralizado na tela.

Como Usar Clone o repositório: git clone https://github.com/ABMSantos/portifolio-abms.git

Abra o arquivo index.html no navegador de sua preferência.

Substitua logo.png e imagem.png pelos seus arquivos se necessário.

Personalização Cores: Altere no CSS (.capa, body, .titulo2) para combinar com sua identidade visual. Fontes: Troque no @import ou no CSS para usar outras fontes do Google Fonts. Transições: Ajuste transition e transform na .capa para efeitos diferentes de fade ou zoom.thub

Se você quiser, posso criar uma versão ainda mais enxuta e visual, com seções de “Sobre”, “Projetos” e “Contato” já adaptadas pro seu portfólio moderno, pronta pra colocar no GitHub.