Styleguide
Colors
Black
White
Gray X Light
Gray Light
Gray
Gray Dark
Gray Medium
Focused
Error
Black 90%
Black 80%
Black 70%
Black 60%
Black 50%
Black 40%
Black 30%
Black 20%
Black 10%
white 90%
white 80%
white 70%
white 60%
white 50%
white 40%
white 30%
white 20%
white 10%
Headings

Display Large

Display Small

Heading XXL

Heading XL

Heading L

Heading M

Heading S
Heading XS
Body

Body Large

Body Large Bold

Body Regular

Body Regular Bold

Body Small

Body Small Bold

Body X Small

Body X Small Bold

Buttons Default
Button Primary
Small .btn-sm
XSmall .btn-xsm
Button Primary Disabled
Button Secondary
Small .btn-sm
SSmall
Button Secondary Disabled
Button Underlined
Call To Action
Small .btn-sm
XSmall .btn-xsm
Call To Action
Button Underlined Disabled
Call To Action
Buttons - Dark Background
Button Primary
Small .btn-sm
XSmall .btn-xsm
Button Primary Disabled
Button Secondary
Small .btn-sm
XSmall .btn-xsm
Button Secondary Disabled
Button Underlined
Call To Action
Small .btn-sm
Call To Action
XSmall .btn-xsm
Call To Action
Button Underlined Disabled
Call To Action
Swiper Slider

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt elit id justo laoreet, nec posuere nisi mollis. Duis suscipit risus id erat sollicitudin finibus. Morbi tincidunt convallis ultrices. Mauris odio dui, cursus vitae aliquet non, consequat in nibh. Maecenas non magna hendrerit, efficitur velit et, dictum magna. Cras tincidunt lacinia accumsan. Curabitur mauris urna, commodo in euismod sed, accumsan at diam. Vestibulum quis neque odio. Cras feugiat orci id diam vestibulum, eu imperdiet purus faucibus.

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt elit id justo laoreet, nec posuere nisi mollis. Duis suscipit risus id erat sollicitudin finibus. Morbi tincidunt convallis ultrices. Mauris odio dui, cursus vitae aliquet non, consequat in nibh. Maecenas non magna hendrerit, efficitur velit et, dictum magna. Cras tincidunt lacinia accumsan. Curabitur mauris urna, commodo in euismod sed, accumsan at diam. Vestibulum quis neque odio. Cras feugiat orci id diam vestibulum, eu imperdiet purus faucibus.

Slide 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt elit id justo laoreet, nec posuere nisi mollis. Duis suscipit risus id erat sollicitudin finibus. Morbi tincidunt convallis ultrices. Mauris odio dui, cursus vitae aliquet non, consequat in nibh. Maecenas non magna hendrerit, efficitur velit et, dictum magna. Cras tincidunt lacinia accumsan. Curabitur mauris urna, commodo in euismod sed, accumsan at diam. Vestibulum quis neque odio. Cras feugiat orci id diam vestibulum, eu imperdiet purus faucibus.

HTML Form
Choose gender
Accordion
Accordion font settings on section-faq.liquid file
sample: FAQ Page

Group 1

Vivamus consequat suscipit sagittis.

Vivamus consequat suscipit sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis massa enim. Morbi sapien urna, euismod id ligula eget, eleifend auctor felis. Vivamus consequat suscipit sagittis.

Nam lacus elit, gravida eget rhoncus eu, hendrerit ut ante. Morbi fringilla urna egestas malesuada pellentesque. Vivamus nec lectus volutpat, auctor odio in, fermentum orci. In ultricies sed est in mollis. Mauris pharetra sem id blandit laoreet. Nunc accumsan nunc sed massa dictum dapibus.

Nam lacus elit, gravida eget rhoncus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis massa enim. Morbi sapien urna, euismod id ligula eget, eleifend auctor felis. Vivamus consequat suscipit sagittis. Nam lacus elit, gravida eget rhoncus eu, hendrerit ut ante. Morbi fringilla urna egestas malesuada pellentesque. Vivamus nec lectus volutpat, auctor odio in, fermentum orci. In ultricies sed est in mollis. Mauris pharetra sem id blandit laoreet. Nunc accumsan nunc sed massa dictum dapibus.
Nam lacus elit, gravida eget rhoncus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis massa enim. Morbi sapien urna, euismod id ligula eget, eleifend auctor felis. Vivamus consequat suscipit sagittis. Nam lacus elit, gravida eget rhoncus eu, hendrerit ut ante. Morbi fringilla urna egestas malesuada pellentesque. Vivamus nec lectus volutpat, auctor odio in, fermentum orci. In ultricies sed est in mollis. Mauris pharetra sem id blandit laoreet. Nunc accumsan nunc sed massa dictum dapibus.
Nam lacus elit, gravida eget rhoncus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis massa enim. Morbi sapien urna, euismod id ligula eget, eleifend auctor felis. Vivamus consequat suscipit sagittis. Nam lacus elit, gravida eget rhoncus eu, hendrerit ut ante. Morbi fringilla urna egestas malesuada pellentesque. Vivamus nec lectus volutpat, auctor odio in, fermentum orci. In ultricies sed est in mollis. Mauris pharetra sem id blandit laoreet. Nunc accumsan nunc sed massa dictum dapibus.

Group 2

In ultricies sed est in mollis.
Nam lacus elit, gravida eget rhoncus eu, hendrerit ut ante. Morbi fringilla urna egestas malesuada pellentesque. Vivamus nec lectus volutpat, auctor odio in, fermentum orci. In ultricies sed est in mollis. Mauris pharetra sem id blandit laoreet. Nunc accumsan nunc sed massa dictum dapibus.
Pagination
Click here to see blog pagination