Junte-se a outras 84 pessoas que estão fazendo esse mini projeto.

















Transforme suas habilidades em algo visual e interativo! Aprenda a criar uma galeria de fotos do zero, utilizando apenas HTML, CSS e JavaScript.
Este mini projeto consiste em criar uma galeria de fotos utilizando apenas HTML, CSS e JavaScript, baseado no layout da página apresentada. A galeria terá uma barra de navegação lateral e um botão para carregar mais imagens. O objetivo é criar uma interface limpa e funcional, com foco na exibição das fotos.
Certifique-se de ter as imagens que deseja exibir na galeria. A estrutura básica do projeto envolverá três arquivos principais:
index.html
para a estrutura da página.styles.css
para a estilização.script.js
para o comportamento dinâmico.home
, fotos
, bio
, e contato
.Boas vindas ao meu portfólio
;ver mais
para levar para a página de fotos.Ver mais
que, ao ser clicado, carrega mais imagens na galeria utilizando JavaScript.👀 Dicas:
- Utilize CSS Grid ou Flexbox para organizar as imagens.
- No JavaScript, utilize
appendChild()
para carregar dinamicamente mais imagens ao clicar no botão.
hover
).Siga o layout da galeria apresentado na imagem, mas fique à vontade para usar sua criatividade na disposição das imagens e na estilização. 🔗 Link do design
<nav>
e <section>
para organizar o conteúdo.hover
.