Este é o projeto do site da banda Sturzen que desenvolvi com JavaScript, HTML e CSS. É um site responsivo que pode ser utilizado tanto em desktop quanto em celular.
O site já está no ar neste link: https://sturzenbandaoficial.com/
Fiz o deploy do site através da plataforma https://www.netlify.com/ implantando a partir do GitHub, assim posso alterar as informações, subir para o Github e o mesmo é atualizado em tempo real.
- Criando a estrutura de pastas e o html e inserindo imagens.
- Criando o navbar.
- Criando o header.
- Criando a section para a agenda.
- Criando a section para a discografia.
- Criando a section para as fotos com Owl Carousel 2.
- Criando a section para os vídeos.
- Criando a section para os contatos.
- Criando o footer.
- Estilização da página com CSS.
- Estilizando o body.
- Estilizando a navbar.
- Estilizando o header.
- Estilizando a section agenda.
- Estilizando a section notícias.
- Estilizando a section discografia.
- Estilizando a section fotos.
- Estilizando a section videos.
- Estilizando a section contato.
- Estilizando o footer.
- Tornando o site responsivo com media query.
- Tornando a barra de navegação responsiva.
- Ajustes no html e css.
- Ajustes no html e css, inserindo icones e fonte.
- Ajustes no html, inserindo nova imagem na loja.
Parte da responsivide construída com base neste vídeo: https://www.youtube.com/watch?v=gRIWFYRaVto&ab_channel=HostingerBrasil
Parte da responsivide da barra de navegação construída com base neste vídeo: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
Aberto a sugestões de melhorias!