# Modules Sections

## Using the Modules Sections

* [ ] **Make sure you have Sections Kit installed.** Check your app page inside of your Site Admin ex: <https://yourdoomain.thinkific.com/manage/apps> and make sure you have "Sections Kit 💥 PowerUp" installed. If it is not listed there, head back to the member dashboard and install it.
* [ ] Open up the page you would like to add a Section Kit section to and **first add the "Base Kit Section"**. You can also copy a Base kit section from another page if you have one already created. Be sure to read our guide on how Base kit works.
* [ ] You can easily search for all banner sections by adding a section and search for ***"*****Kit: Modules*****"*** or you can search for a specific section to use by searching for it's Kit Id ex: ***Kit: Modules (01)***

## Modules Sections

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F1VtF3IMoM2E6nqWCW4TJ%2FScreen%20Shot%202022-01-16%20at%209.44.18%20AM.png?alt=media&token=ae452a85-942e-4e62-8f4d-7076391f731c>" %}

### [01 - Tabbed Content](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/01-tabbed-content)&#x20;

This module section shows the modules in a tabbed area

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FueKNayHX2Nj1wFQSLvTE%2FScreen%20Shot%202022-01-16%20at%209.44.32%20AM.png?alt=media&token=b6c12d3c-8c40-4a01-b307-f295e0955a26>" %}

### [02 - Big Image & Slider ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/02-big-image-and-slider)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F6wzF8875EmNvJHUTDs4W%2FScreen%20Shot%202022-01-16%20at%209.44.43%20AM.png?alt=media&token=bcbe9701-cb57-4a38-aad5-f39f5c8ffc1f>" %}

### [03 - 4 Column Hover Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/03-4-column-hover-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FBWV89F7k7plIzn0jVR7n%2FScreen%20Shot%202022-01-16%20at%209.44.52%20AM.png?alt=media&token=82fc52f3-c6fc-423c-86e6-206a21aa8c77>" %}

### [04 - 3 Column Overlay Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/04-3-column-overlay-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FAKJPtddLPjmGtWQrkw0j%2FScreen%20Shot%202022-01-16%20at%209.45.02%20AM.png?alt=media&token=9af7606f-7ac2-4a1e-9401-641c18f7ef4e>" %}

### [05 - 4 Column Hide & Seek Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/05-4-column-hide-and-seek-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FKLdJaDxMH6VvAeQxqQKr%2FScreen%20Shot%202022-01-16%20at%209.45.13%20AM.png?alt=media&token=8b087548-9a0d-47f8-8585-f43e5eab8612>" %}

### [06 - 4 Column Cards With Circle Image ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/06-4-column-cards-with-circle-image)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FLOITXuAsG0TOvrw21lFt%2FScreen%20Shot%202022-01-16%20at%209.45.26%20AM.png?alt=media&token=3f154087-0432-45ad-bc6d-301dd30abcb8>" %}

### [07 - 3 Column Tall Hover Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/07-3-column-tall-hover-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FM7Q7WVwvFhCwpxTE8pdP%2FScreen%20Shot%202022-01-16%20at%209.45.40%20AM.png?alt=media&token=c1838d7b-b828-473b-8c97-961a71059a2b>" %}

### [08 - Slider Hover Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/08-slider-hover-cards)

This module section will place the modules in a slider track

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FnGBZalwl2ZPFJK3xbYT5%2FScreen%20Shot%202022-01-16%20at%209.45.50%20AM.png?alt=media&token=565dcaed-a36b-45d9-8c0f-c5fd9d9c073f>" %}

### [09 - 4 Column Tall Zoom Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/09-4-column-tall-zoom-cards)

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.

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FFh9MDOslS3wq0VBTOQ8w%2FScreen%20Shot%202022-01-16%20at%209.45.59%20AM.png?alt=media&token=ca35edd9-55ad-463c-b192-becd0af798a2>" %}

### [10 - 3 Column Cards Summary Hover ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/10-3-column-cards-summary-hover)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F8NVTFWAU1Aq3c7h90eiu%2FScreen%20Shot%202022-01-16%20at%209.46.08%20AM.png?alt=media&token=8b1224b7-458b-4c09-93d3-f7665424bd8b>" %}

### [11 - 4 Column Tall Animated Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/11-4-column-tall-animated-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F1QQhxdl68SCERTesUqSG%2FScreen%20Shot%202022-01-16%20at%209.46.20%20AM.png?alt=media&token=945aac08-5e02-4335-a4a9-d134a6ccbb82>" %}

### [12 - 3 Column Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/12-3-column-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Fhw0Qdp7SyEvTNgqa5kLC%2FScreen%20Shot%202022-01-16%20at%209.46.33%20AM.png?alt=media&token=120a1d27-29b5-4f92-a07f-654376229ca0>" %}

### [13 - Large Slider](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/13-large-slider)&#x20;

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FZ8c5O8IbROgGi0xPSuDn%2FScreen%20Shot%202022-01-16%20at%209.46.44%20AM.png?alt=media&token=4728412d-8a94-452b-8ac5-cbbb5a393db3>" %}

### [14 - 3 Column Hover Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/14-3-column-hover-cards)

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

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FBeXjd9BwhMcDKlZnWl9U%2FScreen%20Shot%202022-01-16%20at%209.46.56%20AM.png?alt=media&token=f2528507-ed9e-4a68-b2ce-23f885a0cb11>" %}

### [15 - Module Outline ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections/15-module-outline)

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