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
k-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.
k-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.
k-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.
k-text-body-l: 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.
k-eyebrow
k-label Your content goes here. Edit or remove this text inline or in the module Content settings.
k-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.
k-badge-inverse: 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.
k-badge-primary: 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.
k-status-info: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
k-status-success Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
k-status-error: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
k-status-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
k-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.
k-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.
k-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.
k-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.
k-text-body
k-text-body Your content goes here. Edit or remove this text inline or in the module Content settings.
k-text-body 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.
k-text-body 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.
k-text-body 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
k-title-2xl
k-title-2xl
k-title-2xl
k-title-2xl
k-display-l
k-display-m
k-display-s
k-title-2xl
Section Radius
k-radius-xs
k-radius-s
k-radius-m
k-radius-l
k-radius-full
k-radius-2xl
k-radius-circle
Section Border
Border
k-border-s
k-border-m
Section Shadow
Box Shadow 1
k-shadow-s
k-shadow-m
k-shadow-l
k-shadow-xl
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
k-audio
S4S-Audio-Dark
Section Blog
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
%
k-circle-counter Counter
Section Padding
k-text-body
k-padding-s
k-padding-m
k-padding-l
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
k-margin-top-s
k-margin-top-m
k-margin-top-l
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
Section Row
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body (change section left and right padding to 0px)
k-text-body
Section Contact Form
Section Countdown Timer
S4S-Countdown Timer-Dark
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Section Bar Counters
- S4S-Bar Counters50%
Section Carousel
Section Galley
Site4Success Logo 3D Transparent Small 2026-06-22
cropped-Site4Success-Logo-3D-Transparent-Small-2026-06-22.png
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-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
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.
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
k-text-body
k-text-body
k-text-body
k-text-body
k-text-body
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.