Contents
Section Colors
heading text color
body text color
color-brand-100
color-brand-200
color-brand-300
color-brand-400
color-brand-500
color-brand-600
color-brand-700
color-brand-800
color-brand-900
color-brand-sec-100
color-brand-sec-200
color-brand-sec-300
color-brand-sec-400
color-brand-sec-500
color-brand-sec-600
color-brand-sec-700
color-brand-sec-800
color-brand-sec-900
color-neutral-50
color-neutral-100
color-neutral-200
color-neutral-300
color-neutral-400
color-neutral-500
color-neutral-600
color-neutral-700
color-neutral-800
color-neutral-900
color-neutral-950
color-status-info
color-status-success
color-status-error
color-status-warning
Section Text
S4S-Text-Xs: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Sm: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Body: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Lg: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4s-Text-eyebrow
S4S-Label-Default Your content goes here. Edit or remove this text inline or in the module Content settings.
S4S-Badge: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Badge-Dark: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Badge-Pri: Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
S4S-Alert-Info: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
S4S-Alert-Success Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
S4S-Alert-Error: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
S4S-Alert-Warning: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Section Light Text
S4S-Text-Xs-Light: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Sm-Light Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Body-Light: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Lg-Light: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
S4S-Text-Eyebrow-Light
S4S-Label-Light Your content goes here. Edit or remove this text inline or in the module Content settings.
S4S-Badge Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Badge-Dark Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Badge-Pri Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
Section Headers
S4S-Heading-1
S4S-Heading-2
S4S-Heading-3
S4S-Heading-4
S4S-Display-Lg
S4S-Display-Md
S4S-Display-Sm
S4S-Subheading
S4S-Heading-1-Light
S4S-Heading-2-Light
S4S-Heading-3-Light
S4S-Heading-4-Light
S4S-Display-Lg-Light
S4S-Display-Md-Light
S4S-Display-Sm-Light
S4S-Subheading-Light
Section Radius
S4S-Radius-Xs
S4S-Radius-Sm
S4S-Radius-Md
S4S-Radius-Lg
S4S-Radius-Xl
S4S-Radius-Full
Section Border
S4S-Border-0
S4S-Border-Sm
S4S-Border-Md
Section Shadow
S4S-Shadow-Sm
S4S-Shadow-Md
S4S-Shadow-Lg
Section Accordion
S4S-Accordion
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Accordion-Dark
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Audio
S4S-Audio
S4S-Audio-Dark
Section Blog
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Section Blurb
S4S-Blub
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Blub-Pri
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Blurb-Dark
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Button
Section Circle Counter
%
S4S-Circle Counter
Section Padding
S4S-P-All-Xs
S4S-P-All-Sm
S4S-P-All-Md
S4S-P-All-Lg
S4S-P-Top-2xs
S4S-P-Top-Sm
S4S-P-Top-Md
S4S-P-Top-Lg
S4S-M-Top-Xs
S4S-M-Top-Sm
S4S-M-Top-Md
S4S-M-Top-Lg
S4S-P-Bottom-Xs
S4S-P-Bottom-Sm
S4S-P-Bottom-Md
S4S-P-Bottom-Lg
S4S-M-Bottom-Xs
S4S-M-Bottom-Sm
S4S-M-Bottom-Md
S4S-M-Bottom-Lg
Section Row
S4S-Row-Text
S4S-Row-Text-Wide
S4S-Row-Content
S4S-Row-Content-Lg
S4S-Row-Full (change section left and right padding to 0px)
S4S-Row-Glass
Section Contact Form
Section Countdown Timer
S4S-Countdown-Timer
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
S4S-Countdown Timer-Dark
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Section Bar Counters
- S4S-Bar Counters50%
Section Carousel
Section Galley
Section Group
Section Call to Action
S4S-Call-To-Action
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Call-To-Action-Dark
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Call-To-Action-Pri
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Email Opt In
Section Icons
Section Icon List
Section Number Counter
%
S4S-Number-Counter
%
S4S-Number-Counter-Light
%
S4S-Number-Counter-Dark
Section Login
Section Person
S4S-Person-Light
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Person-Dark
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
S4S-Person-Pri
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Search
Section Tabs
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Testimonies
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Image
Section Menu
Section Pagination
Section Post Title
Build and Test
Build and Test
Section Video
Section Toggle
S4S-Toggle
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Section Product Table
Table Title
Subtitle Goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Section Section
S4S-Section-Sm
S4S-Section-Md
S4S-Section-Lg
S4S-Section-XL
S4S-Section-Full