Skip to primary navigation Skip to main content

Sections

Similique natus laborum provident porro necessitatibus, quibusdam recusandae alias delectus? Ut temporibus atque consequuntur sint saepe veritatis ab dolore voluptatum, eligendi iure!

fsa-section Docs

class="fsa-section [fsa-section--variant]"

White Section

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Default Section

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Dark Section

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Darker Section

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Custom BG Section

Paired with CSS Utility Background-color, class="fsa-bg--secondary-100"

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

White Section, Fullscreen

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Default Section, Fullscreen

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Dark Section, Fullscreen

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.

Darker Section, Fullscreen

Third-level head

Consequuntur aspernatur explicabo, sequi necessitatibus veritatis veniam molestias autem eum voluptatum, rerum nesciunt hic delectus.

Labore aperiam, nostrum quae repe quis? Rem, maxime, quis. Dolorem dicta dolorum, error quo.

Third-level head

Dolor ab, odit consectetur unde p, quis in, eaque possimus, unde dolor maxime ducimus. Quasi, obcaecati?

Con molestias autem eum voluptatum, rerum nesciunt hic delectus.