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

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-7076391f731cdocs-kit.superpowerups.com

01 - Tabbed Content

This module section shows the modules in a tabbed area

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-f295e0955a26docs-kit.superpowerups.com

02 - Big Image & Slider

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

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-f39f5c8ffc1fdocs-kit.superpowerups.com

03 - 4 Column Hover Cards

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

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-206a21aa8c77docs-kit.superpowerups.com

04 - 3 Column Overlay Cards

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

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-641c18f7ef4edocs-kit.superpowerups.com

05 - 4 Column Hide & Seek Cards

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

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-f43e5eab8612docs-kit.superpowerups.com

06 - 4 Column Cards With Circle Image

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

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-301dd30abcb8docs-kit.superpowerups.com

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

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-961a71059a2bdocs-kit.superpowerups.com

08 - Slider Hover Cards

This module section will place the modules in a slider track

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-c5fd9d9c073fdocs-kit.superpowerups.com

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.

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-becd0af798a2docs-kit.superpowerups.com

10 - 3 Column Cards Summary Hover

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

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-f7665424bd8bdocs-kit.superpowerups.com

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

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-d134a6ccbb82docs-kit.superpowerups.com

12 - 3 Column Cards

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

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-654376229ca0docs-kit.superpowerups.com

13 - Large Slider

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

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-cbbb5a393db3docs-kit.superpowerups.com

14 - 3 Column Hover Cards

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

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-23f885a0cb11docs-kit.superpowerups.com

15 - Module Outline

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