The Rose

Projeto de uma Landing Page para o restaurante The Rose

Fontes utilizadas no projeto

Cabin
https://fonts.google.com/specimen/Cabin?preview.text_type=custom

Rouge Script
https://fonts.google.com/specimen/Rouge+Script?preview.text_type=custom
Source Pro
https://fonts.google.com/specimen/Source+Sans+Pro?preview.text_type=custom

Ícones

Font Awesome
https://fontawesome.com/

Utilizado scroll-behavior

Animação de Scroll

Suporte: https://caniuse.com/?search=scroll-behavior
Tutorial para utilização: How to animate scrolling to anchor links with one line of CSS
Alternativa: https://github.com/cferdinandi/smooth-scroll

Utilizado Scroll Reveal

Para animar elementos ao rolar a página

ScrollReveal: https://scrollrevealjs.org/
Guide: https://scrollrevealjs.org/guide/hello-world.html

Layout Construído no figma

Figma - https://www.figma.com/

Clique aqui para baixar o projeto

Demo

https://robsonvinicius.github.io/the-rose/