Typography

Todas essas formatações estão na classe default do webflow.
Não alterar a classe principal. Evitar ao máximo criar novas classes. 

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4

Lorem ipsum dolor sit amet

H5
Lorem ipsum dolor sit amet
H6
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Block Quote
Lorem ipsum dolor sit amet
Text Link
Lorem ipsum
List
Back-end
• Front-end
• Full-stack
• Mobile
• Ruby

COLORS

USAR AS CLASSES PARA MUDAR A COR DA DIV OU FONTE!!
Não criar classes duplicadas só para alterar a cor, fazer combo class.

This is some text.
Black
Black Text
This is some text.
White
White Text
This is some text .
white60
white60text
This is some text .
white40
white40text
This is some text.
gray darkest
gray darkest Text
This is some text.
gray darker
gray darker text
This is some text .
gray
gray text
This is some text.
gray light
gray light text
This is some text.
gray lighter
gray lighter text
This is some text.
Darker Red
Darker Red Text
This is some text.
Red
Red text
This is some text.
Lighter Red
Lighter Red Text
This is some text.
Lightest Red
Lightest Red Text
This is some text.
Lightest Red
Lightest Red Text
This is some text.
Darker Blue
Darker Blue Text
This is some text.
Blue
Blue text
This is some text.
Lighter Blue
Lighter Blue Text
This is some text.
Lightest Blue
Lightest Blue Text

Components

Usado para separar as Sections
Section Default
(espaço em cima e em baixo de 60px - pode ser usado como espaçamento)
usado como container no geral
Container
(Tamanho máximo de 1200px, feito para centralizar o conteúdo no meio da página)
usado como blocador no geral
Div Default
(espaço de 20px de todos os lados - pode ser usado como espaçamento)
Usado para espaçamento
spacing-blank
(espaço em cima e em baixo de 8px - usado como espaçamento)
separador-strip
(separador de conteúdo. RGBA pode ser usado em qualquer BG)
buttons left (tamanho do botão varia com o CTA, alinhada na esquerda)
Buttons center (tamanho do botão no tamanho da div de fora, centralizada)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

- Efeito sanfona -

(Copiar a Div inteira. Add conteúdo que quer esconder na div "hidden")
textoooo
Floating Square
textoooo
Floating Square image
Textoooo
Inline
(deixa a blocagem dinâmica, sem ocupar a linha toda)
Textoooo
Div Center
(Centraliza tanto texto quanto o elemento em si)
square-left-top
square-back-bottom
square-right-bottom
square-back-bottom

Contents

Ana Machado

Senior Software Engineer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Ana Machado

Senior Software Engineer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Ana Machado

Senior Software Engineer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Testimonials
Redirect para Home (revelo.com.br)