Essa é uma solução para o desafio tecnico proposto. O projeto foi desenvolvido a partir do projeto figma disponibilizado pela empresa. Acesse a pagina aqui
- HTML5
- SASS
- JavaScript
- CSS3
Para essa Landing page, peguei referência do projeto Figma disponibilizado, como na imagem acima, para desenvolver a página sendo visualizada a partir de dispositivos que tenham tela maior que 768px. Foi feito o link das páginas da Marun, como instagram e whatsapp, além do endereço disponibilizado através do Google Maps. Após pronta, fiz com que a página se adapte a dispositivos com tela menor que 768px, porém, sem a referência do Figma, pensando apenas na melhor visualização das informações e imagens, garantindo uma ótima experiência do usuário.