PowerUps
PowerUp My SiteMember Login
Kit
Kit
  • ๐Ÿš€Getting Started With Kit
  • ๐Ÿ’ฅKit PowerUps
    • Kit Common Sections
      • Base Kit
      • Funnel Kit Opt In
    • Promos Kit
      • Adding a Promo Super Power to a Page
      • 01 - Sticky Popup With Exit Intent
      • 02 - Scratch & Win
      • 03 - Large Sticky Popup
      • 04 - Deals Slider
      • 05 - Deals Slider (Small Card)
      • 06 - Bundle Promo
      • 07 - Single CTA With Timer
      • 08 -Banner With Background Video
      • 09 - Bar with Animated Coupon
      • 10 - Before The Sale Opt-In
      • 11 - Sticky Bar with Countdown & Accent Text
    • Sections Kit
      • Banner Sections
        • 01 - Side Video
        • 02 - Thin with Parallax Image
        • 03 - Colorful Image & Text
        • 04 - Background Video
        • 05 - Popup Video
        • 06 - Popup Video Full Height
        • 07 - Image on Left Side
        • 08 - Button on side
        • 09 - Full Height Background Image
        • 10 - Image on Right Side
        • 11 - Call out on Image (side)
        • 12 - Call out on Image (center)
        • 13 - Rotating words and icons
      • Content Sections
        • 01 - Image and Text
        • 02 - 2 Images & Text
        • 03 - Image, Text & Quote
        • 04 - Heading and Side Text
        • 05 - Text & Image (Alternating)
      • Icons Sections
        • 01 - 3 Columns (icon on left)
        • 02 - 2 Column Cards
        • 03 - 4 Columns
        • 04 - 3 Column Cards
        • 05 - 5 Columns
        • 06 - 3 Columns Motion Cards
        • 07 - 3 Columns (icon on top)
        • 08 - Circle Background
        • 09 - 3 Columns Border Card
        • 10 - Tall Cards
        • 11 - 3 Columns Cards
        • 12 - 6 Columns
        • 13 - 3 Columns Color Hover
      • Lists Sections
        • 01 - Centered List
        • 02 - List With Side Image
        • 03 - Centered Box With Background Image
        • 04 - Lists On Side
        • 05 - Full height with Image
        • 07 - Comparison List With Background Image
        • 08 - 3 Columns Text Only
        • 09 - 3 Column Cards
        • 10 - Line Separated
        • 11 - Lists Under Content
        • 12 - Two Columns
        • 13 - Image & Block Quote
        • 06 - Image in center
      • Modules Sections
        • 01 - Tabbed Content
        • 02 - Big Image & Slider
        • 03 - 4 Column Hover Cards
        • 04 - 3 Column Overlay Cards
        • 05 - 4 Column Hide & Seek Cards
        • 06 - 4 Column Cards With Circle Image
        • 07 - 3 Column Tall Hover Cards
        • 08 - Slider Hover Cards
        • 09 - 4 Column Tall Zoom Cards
        • 10 - 3 Column Cards Summary Hover
        • 11 - 4 Column Tall Animated Cards
        • 12 - 3 Column Cards
        • 13 - Large Slider
        • 14 - 3 Column Hover Cards
        • 15 - Module Outline
      • Pricing Sections
        • Adding a Pricing Super Power to a Page
        • 01 - Single CTA With Accent Text
        • 02 - Two Pricing Plans
        • 03 - Value Stack - Single CTA
        • 04 - Summary Stack Single CTA With GIF
        • 05 - Slide In Comparison - Two Plans
        • 06 -Simple Two Plan CTA With Background Image
        • 07 - Single vs Membership Compare With Bonus Sections
        • 08-Single CTA With GIF Mockup
        • 09 - Multi Column Comparison
      • Social Proof Sections
        • 01 - 3 Columns & Small Image On Bottom
        • 02 - 3 Columns & Image On Top
        • 03 - 3 Columns & Small Image On Top
        • 04 - 3 Columns Images (Screenshots)
        • 05 - Slider & Big Image
        • 06 - Slider With Quote On Side
        • 07 - Slider Cards With Image On Top
        • 08 - Slider With Image on Side
        • 09 - Slider With Small Image On Top
        • 10 - Slider With Large Quote
        • 11 - Slider With Small Image On Bottom
        • 12 - 3 Columns Just Text
        • 13 - Video testimonials
  • ๐Ÿ“šKit Usage Guides
    • Popups, Timers & Exit Intents
      • Popup Visibility Settings
      • Exit Intents
      • Using A Countdown Timer
    • Media
      • Image Optimization
      • Canva Templates
      • Using Background Videos
    • Smart Settings
      • Smart Style
      • Icons
  • ๐Ÿ’ฌSupport & Help
    • Getting Help
Powered by GitBook
On this page
  • Using the Modules Sections
  • Modules Sections
  • 01 - Tabbed Content
  • 02 - Big Image & Slider
  • 03 - 4 Column Hover Cards
  • 04 - 3 Column Overlay Cards
  • 05 - 4 Column Hide & Seek Cards
  • 06 - 4 Column Cards With Circle Image
  • 07 - 3 Column Tall Hover Cards
  • 08 - Slider Hover Cards
  • 09 - 4 Column Tall Zoom Cards
  • 10 - 3 Column Cards Summary Hover
  • 11 - 4 Column Tall Animated Cards
  • 12 - 3 Column Cards
  • 13 - Large Slider
  • 14 - 3 Column Hover Cards
  • 15 - Module Outline
  1. ๐Ÿ’ฅKit PowerUps
  2. Sections Kit

Modules Sections

Previous06 - Image in centerNext01 - Tabbed Content

Last updated 2 years ago

Using the Modules Sections

Modules Sections

This module section shows the modules in a tabbed area

This module section has a static image on the left and a slider to show all of the modules

This module section places the modules in 4 columns and has a hover effect

This module section places the modules in 3 columns and overlays the text on top of a background image

This module section places the modules in 4 columns and upon hover will reveal an image

This module section places the modules in 4 columns with a circle image and hover animation

This module section places the modules in 3 columns with tall background image. Upon hover the module heading and subheading will be revealed

This module section will place the modules in a slider track

This module section will place the modules in a 4 columns with the card being a tall card with background image. Upon hover, the image will zoom in.

This module section will show the modules in 3 columns and show a summary on hover

This module section will place the modules in 4 columns with tall cards. On hover, the text will slide up

This module section will place the modules in 3 columns and reveal information on hover

This module section will place the modules in a slider track with a large background image

This module section will place the modules in 3 columns and show the subheading on hover

This module section shows the modules in a timeline view and has detailed expandable summaries

01 - Tabbed Content
02 - Big Image & Slider
03 - 4 Column Hover Cards
04 - 3 Column Overlay Cards
05 - 4 Column Hide & Seek Cards
06 - 4 Column Cards With Circle Image
07 - 3 Column Tall Hover Cards
08 - Slider Hover Cards
09 - 4 Column Tall Zoom Cards
10 - 3 Column Cards Summary Hover
11 - 4 Column Tall Animated Cards
12 - 3 Column Cards
13 - Large Slider
14 - 3 Column Hover Cards
15 - Module Outline