Sections Kit | Super Power Ups By Rob Galvin Help Center

Helpful guides that apply to common features in Sections Kit

Sections Kit Smart Style

Section Kit Icons

Using Background Videos

Image Optimization

Sections Kit Canva Templates

Sections Kit Countdown Timers

Popup Visibility Settings

Exit Intents

Banner Sections

Use these eye catching scroll stopping banners that really get your visitors attention

Banner 01 - Side VideoThis section contains a background image and an optional video on the side

Banner 02 - Thin with Parallax ImageThis banner contains centered text and a background parallax image

Banner 03 - Colorful Image & TextThis banner is a solid color for the background and an image. on the side

Banner 04 - Background VideoThis banner has a background video and centered headings

Banner 05 - Popup VideoThis banner has a button for a popup video

Banner 06 - Popup Video Full HeightThis banner has a button for a popup video and takes up a larger portion of the screen height

Banner 07 - Image on Left SideThis banner has room for an image on the side of the headings

Banner 08 - Button on sideThis banner is a simply thin heading only banner with the call to action on the side

Banner 09 - Full Height Background ImageThis banner will fill the height of the screen with a background image

Banner 10 - Image on Right SideThis banner has an image on the right and also a color highlight for the subheading

Banner 11 - Call out on Image (side)This banner has a call out section positioned on the left and on top of a background image

Banner 12 - Call out on Image (center)This banner has a call out section positioned in the center and on top of a background image

Banner 13 - Rotating words and iconsThis banner contains rotating words in the heading as well as 3 icons below the banner

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