The style guide contains important styles and components that are used throughout the template.
Element components are small pieces used in other components or throughout pages.
Chip
Chip
Small
Button
Button
Secondary
Button
Small
Button
Secondary
Small
Button Group
Button Group
Top Margin Small
Button Group
Centered
Accordion
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.
Lesson Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Card components are used to build larger section components or standalone as a callout.
Icon Card
Image Card
Stat Card
Callout
Pricing Card
Lorem ipsum dolor sit amet consectetur. Sollicitudin eleifend.
Lorem ipsum dolor sit amet consectetur. Sollicitudin eleifend.
Components for sections that allow you to drag-and-drop content to create new pages.
Image and Content
Lorem ipsum dolor sit amet consectetur. Ullamcorper elementum odio congue in id non volutpat at.
Image and Content (Flipped)
Lorem ipsum dolor sit amet consectetur. Ullamcorper elementum odio congue in id non volutpat at.
3-Column Icons
CTA Row
Lorem ipsum dolor sit amet consectetur. Tincidunt sit commodo elementum non aliquet.
Page Banner
Description
Testimonial
Social Proof Row
Icon Card Row
Image Card Row
Stat Card Row
Logo Row
Text Marquee
Accordion List
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.
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.
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.
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.
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.
Lesson Accordion List
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.
