Homepage responsiva para um blog de notícias voltado para devs feito com HTML e CSS. Projeto desenvolvido como desafio durante o Discover, que é um programa promovido pela @Rocketseat voltado para o ensino de programação web para iniciantes.
- Criação de um menu lateral puramente com CSS e HTML, que funciona da seguinte forma: quando a largura da pagína diminui a uma certa medida, aparece um menu hambúrguer no cabeçalho, que nada mais é que uma label associada a um checkbox escondido. Quando essa checkbox é preenchida, o menu lateral é deslocado para a direita via CSS de modo que apareça na parte esquerda da página.
Esse projeto foi desenvolvido com as seguintes tecnologias:
✔️ CSS
✔️ HTML
Embora não seja obrigatório, para rodar a aplicação de uma forma mais prática, é bom ter o editor de código VSCode junto com a extensão Live Server, que pode ser instalada no marketplace do próprio VSCode.
# Clone este repositório no terminal/cmd
$ git clone https://github.com/JohnPetros/rocketshoes.git
# Acesse a pasta do projeto
$ cd rocketshoes
# Abra a pasta no VSCode
$ code .
# Execute o arquivo index com a extensão Live Server, clicando com o botão direito sobre ele e depois em Open with Live Server
No link abaixo você encontra o layout do projeto feito pela equipe da Rocketseat. Lembrando que você precisa ter uma conta no Figma para acessá-lo.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com 💜 by João Pedro 👋🏻