Sections

Typography style guide - all texts

Hero Section

SECTION | .hero

Heading

Lorem Ipsum dolor

Donec maximus velit quis dolor finibus sollicitudin at quis diam. Vivamus suscipit ante elit, euismod faucibus ipsum imperdiet non. In porta tellus purus, a ornare libero consequat et. Nunc mi quam, fringilla nec nibh at, dignissim malesuada orci. Pellentesque at tempor dolor.

Button Text

Two Sides Section

SECTION | .flex-horizontal.gap-20

Lorem ipsum dolor sit amet, consectetur.

Cras in tellus a tellus congue pretium ac nec massa. Etiam lectus libero, interdum ac odio ac, dignissim tincidunt magna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Two Sides Section Inverted

SECTION | .flex-horizontal.gap-20.flex-inverted

Cras in tellus a tellus congue pretium ac nec massa. Etiam lectus libero, interdum ac odio ac, dignissim tincidunt magna.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Two Sides Section Figures

SECTION | .two-sides-section__figures.overflow-hidden.relative