# 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](/kit-powerups/sections-kit/modules-sections/01-tabbed-content.md)&#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 ](/kit-powerups/sections-kit/modules-sections/02-big-image-and-slider.md)

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 ](/kit-powerups/sections-kit/modules-sections/03-4-column-hover-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/04-3-column-overlay-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/05-4-column-hide-and-seek-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/06-4-column-cards-with-circle-image.md)

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 ](/kit-powerups/sections-kit/modules-sections/07-3-column-tall-hover-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/08-slider-hover-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/09-4-column-tall-zoom-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/10-3-column-cards-summary-hover.md)

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 ](/kit-powerups/sections-kit/modules-sections/11-4-column-tall-animated-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/12-3-column-cards.md)

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](/kit-powerups/sections-kit/modules-sections/13-large-slider.md)&#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 ](/kit-powerups/sections-kit/modules-sections/14-3-column-hover-cards.md)

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 ](/kit-powerups/sections-kit/modules-sections/15-module-outline.md)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs-kit.superpowerups.com/kit-powerups/sections-kit/modules-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.