Sections Kit
80+ new Site Builder page sections to power up your site
93 articles
Sections Kit Usage Guides
Helpful guides that apply to common features in Sections Kit
Content Sections
These are great for just general content sections of a page
- Content 01 - Image and TextThis content section is for simple text and image
- Content 02 - 2 Images & TextThis content section contains two images and text
- Content 03 - Image, Text & QuoteThis content section has three columns for a quote on one side, text on the other side and an image in the middle
- Content 04 - Heading and Side TextThis content section contains two columns for a heading and text
- Content 05 - Text & Image (Alternating)This content section alternates the text and images
Icon Sections
Use these to describe key features or benefits using an icon and some short text
- Icons 01 - 3 Columns (icon on left)This icon section has 3 columns with the icon on the side of the text
- Icons 02 - 2 Column CardsThis icon section has two columns and each icon block will look like a card
- Icons 03 - 4 ColumnsThis icon section will place the icon blocks in 4 columns with the icon above the text
- Icons 04 - 3 Column CardsThis icon section will place the icon blocks in 3 columns with the icon on the side of the text
- Icons 05 - 5 ColumnsThis icon section will place the icon blocks in 5 columns
- Icons 06 - 3 Columns Motion CardsThis icon section will place the icon blocks in 3 columns and include a animation on hover
- Icons 07 - 3 Columns (icon on top)This icon section will place the icon blocks in 3 columns and the icon will be on top of the text
- Icons 08 - Circle BackgroundThis icon section will place the icpn blocks in 3 columns with the icon placed in a circle background
- Icons 09 - 3 Columns Border CardThis icon section will place the icon blocks in 3 columns and include a color border on the top of each block
- Icons 10 - Tall CardsThis icon section will place the icon blocks in 4 columns and include extra padding to make the icon blocks tall
- Icons 11 - 3 Columns CardsThis icon section will place the icon blocks in 3 columns with the icon positioned on the left and above the text
- Icons 12 - 6 ColumnsThis icon section will place the icon blocks in 6 sections with the icon on top of a heading
- Icons 13 - 3 Columns Color HoverThis icon section will place the icon blocks in 3 columns and have a hover animation
Checklist Sections
These are great for a quick readable checklist of key benefits
- Checklist 01 - Centered ListThis list section will be centered
- Checklist 02 - List With Side ImageThis list section will place the text and list on the left side of an image
- Checklist 03 - Centered Box With Background ImageThis list section will place the list and headings in a box that will be centered on top of an background image
- Checklist 04 - Lists On SideThis list section will place the list on the right side of the heading text
- Checklist 05 - Full height with ImageThis list section will fill the screen height and place the list on the side of an image
- Checklist 06 - Image in centerThis list section will place an image in the middle of the heading and list
- Checklist 07 - Comparison List With Background ImageThis list section will contain two lists side by side over a background image
- Checklist 08 - 3 Columns Text OnlyThis list section will place split the headings and list across 3 columns
- Checklist 09 - 3 Column CardsThis list section will place the list into 3 column cards
- Checklist 10 - Line SeparatedThis list section will place the list in 3 columns that are separated by a thin line
- Checklist 11 - Lists Under ContentThis list section will place the list in 3 columns under the main content area
- Checklist 12 - Two ColumnsThis list section will place the list in two columns that will be centered on the page
- Checklist 13 - Image & Block QuoteThis list section will place the list on the side of an image and above a block quote
Modules Sections
Use these to describe what's in your course or membership
- Modules 01 - Tabbed ContentThis module section shows the modules in a tabbed area
- Modules 02 - Big Image & SliderThis module section has a static image on the left and a slider to show all of the modules
- Modules 03 - 4 Column Hover CardsThis module section places the modules in 4 columns and has a hover effect
- Modules 04 - 3 Column Overlay CardsThis module section places the modules in 3 columns and overlays the text on top of a background image
- Modules 05 - 4 Column Hide & Seek CardsThis module section places the modules in 4 columns and upon hover will reveal an image
- Modules 06 - 4 Column Cards With Circle ImageThis module section places the modules in 4 columns with a circle image and hover animation
- Modules 07 - 3 Column Tall Hover CardsThis module section places the modules in 3 columns with tall background image. Upon hover the module headings will be revealed
- Modules 08 - Slider Hover CardsThis module section will place the modules in a slider track
- Module 09 - 4 Column Tall Zoom CardsThis module section has 4 columns of tall cards with a background image. Upon hover, the image will zoom in.
- Modules 10 - 3 Column Cards Summary HoverThis module section will show the modules in 3 columns and show a summary on hover
- Modules 11 - 4 Column Tall Animated CardsThis module section will place the modules in 4 columns with tall cards. On hover, the text will slide up
- Modules 12 - 3 Column CardsThis module section will place the modules in 3 columns and reveal information on hover
- Modules 13 - Large SliderThis module section will place the modules in a slider track with a large background image
- Modules 14 - 3 Column Hover CardsThis module section will place the modules in 3 columns and show the subheading on hover
- Modules 15 - Module OutlineThis module section shows the modules in a timeline view and has detailed expandable summaries
Pricing Sections
A variety of options to show your purchase options for your products
- Pricing 01 - Single CTA With Accent TextThis pricing section includes a big bold single call to action with some accent text that points to the sign up button
- Pricing 02 - Two Pricing PlansThis pricing section is great to use when you have two simple choices for purchase (ex; Pay in Full or Payment Plan)
- Pricing 03 - Value Stack - Single CTAThis pricing section is perfect to summarize the value of a "bundle" or for a single course and highlight the values of the bonuses included
- Pricing 04 - Summary Stack Single CTA With GIFThis pricing section is perfect to summarize the value and includes a GIF mockup option
- Pricing 05 - Slide In Comparison - Two PlansThis section is great when you want to add more detail between two plans.
- Pricing 06 -Simple Two Plan CTA With Background ImageThis pricing section is great to use multiple times on a page where you may have two simple purchase options.
- Pricing 07 - Single vs Membership Compare With Bonus SectionsThis perfect to be used on courses pages where you may also have a membership option
- Pricing 08-Single CTA With GIF MockupThis pricing section is a blend of a simple single CTA along with a mockup image and section heading
- Pricing 09 - Multi Column ComparisonThis section is perfect when you have three pricing options to compare. Each pricing column includes any easy to read and compare checklist
Social Proof Sections
Use these to show quotes, text/screenshot/video testimonials