O projeto UI Clone da página inicial do Google foi desenvolvido durante um tutorial da Rocketseat (projeto original por Guilherme Rodz) para fins de estudo. O projeto foi desenvolvido utilizando a abordagem mobile first para criação do layout, juntamente com a utilização de media queries para um design responsivo, além da metodologia BEM (Block Element Modifier) para nomeação das classes em CSS. Decidi ir um pouco além do design proposto para garantir que ficasse mais semelhante à página do Google: melhorei a responsividade na versão desktop, adicionei interações de hover, alterei as imagens, alterei os estilos da barra de pesquisa e adicionei os botões de pesquisa.
- HTML5
- CSS3
Você pode acessar o projeto clicando aqui.
# Clone o repositório
git clone https://github.com/devMagno/ui-clone-google
# Entre no diretório
cd ui-clone-googleDepois disso, utilize uma ferramenta como o Live Server para criar um servidor local e executar o projeto.
O projeto está sob a licença MIT. Para saber mais, acesse o arquivo LICENSE.
Desenvolvido com ❤️ por Guilherme Magno.