Colors

  • --primary-color1
  • --primary-color2
  • --primary-color3
  • --secondary-color1
  • --secondary-color2
  • --secondary-color3

Buttons

Headings

Pretitle Text Content

H1 Heading Item

Subtitle Text Content

Pretitle Text Content

H2 Section Heading Item

Subtitle Text Content

H3 Heading Item


H3 Heading Item


Custom Example ".l-heading-v2"

Subtitle Text Content
Pretitle Text Content

H1 Heading Item

Subtitle Text Content

Pretitle Text Content

H2 Section Heading Item

Subtitle Text Content

H3 Heading Item


H4 Heading Item


Custom Example ".l-heading-v2"

Subtitle Text Content

Medium Height Banner Title

Medium Height Banner Subtitle
    .has-overlay class for image overlay.
    .header-lap class for the fixed header overlap.
    .m-banner--small, .m-banner--medium, .m-banner--full for banner height
    banner settings: /_modules/banners/__banners-settings.scss

WYSIWYG Content

H1 Heading Level

H2 Heading Level

H3 Heading Level

H4 Heading Level

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto fugiat mollitia nihil praesentium ut! Culpa enim error excepturi, harum hic ipsam maxime quibusdam quidem sequi voluptas. Enim maxime recusandae velit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur beatae doloribus harum ipsum nemo neque, odit reiciendis repudiandae sed tenetur. Consequatur enim esse exercitationem magnam maxime quibusdam, quis repellat sequi?

  • List item
  • List item
  • List item

Forms

The field is required.
The field is required.

Posts Cards (.l-posts)

Repeatable Content Blocks v1 (.l-rcbl .l-rcbl-v1)

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Repeatable Content Blocks v2 (.l-rcbl .l-rcbl-v2)

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Double Content Blocks (.l-dcbl)

This is a pre-title

This is a title

This is a sub-title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is a pre-title

This is a title

This is a sub-title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is a pre-title

This is a title

This is a sub-title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is a pre-title

This is a title

This is a sub-title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3 Col Content Blocks (.l-ccbl)

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sliders: Simple Logo Carousel + Outer Arrows

Sliders: Banner Image Slider + Inner Arrows + Pagination

Ultricies tristique nulla aliquet enim

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis enim ut tellus elementum sagittis vitae et leo duis.

Ultricies tristique nulla aliquet enim

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis enim ut tellus elementum sagittis vitae et leo duis.

Ultricies tristique nulla aliquet enim

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis enim ut tellus elementum sagittis vitae et leo duis.

Sliders: Testimonials Slider + Thumbs + Bottom Arrows + Pagination

This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes,

Read Full Story
John Doe
The Company

This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes,

John Doe
The Company

This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes, This is a Quote. Yes,

John Doe
The Company

Accordions: Simple FAQ

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam cumque dolorum labore libero ut? Ab adipisci amet culpa ea eligendi harum labore laboriosam molestias praesentium quasi, quos, ratione recusandae, vitae.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam cumque dolorum labore libero ut? Ab adipisci amet culpa ea eligendi harum labore laboriosam molestias praesentium quasi, quos, ratione recusandae, vitae.

Accordions: FAQ + Dynamic Media Item + FAQ v2 style

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam cumque dolorum labore libero ut? Ab adipisci amet culpa ea eligendi harum labore laboriosam molestias praesentium quasi, quos, ratione recusandae, vitae.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam cumque dolorum labore libero ut? Ab adipisci amet culpa ea eligendi harum labore laboriosam molestias praesentium quasi, quos, ratione recusandae, vitae.

Counter Cards (vertical)

100 %

Title

Some Description Goes Here
100 %

Title

Some Description Goes Here
100 %

Title

Some Description Goes Here
100 %

Title

Some Description Goes Here

Counter Cards (Horizontal)

100 %

Title

Some Description Goes Here
100 %

Title

Some Description Goes Here
100 %

Title

Some Description Goes Here

Tabs (transforms into accordion on mobile)

Tab Name 1

Ultricies tristique nulla aliquet enim

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis enim ut tellus elementum sagittis vitae et leo duis.

Tabs (transforms into select dropdown on mobile)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mattis enim ut tellus elementum sagittis vitae et leo duis.