# 15 - Module Outline

{% hint style="info" %}
**EXPERIENCE IT:** [<mark style="color:orange;">Head over to the demo page</mark>](https://powerupkit.thinkific.com/pages/modules) and see this super power in action
{% endhint %}

![](https://2099227007-files.gitbook.io/~/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)

### How to use this super power

{% hint style="warning" %}
This super power works a bit differently than others. It requires a minimum of two page sections. The "main" section is **Kit: Modules (15)** there should only be one of these. Additional sections for each module group would be added through individual section: **KIT: Modules (15 detail)**
{% endhint %}

#### 1) Add the Sections Kit sections to the page

* [ ] Make sure you have the **Sections Kit** installed into your site
* [ ] On a site page, add (or copy) the [**Base kit Section**](https://docs-kit.superpowerups.com/kit-powerups/kit-common-sections/base-kit) that is included with all of our Kit PowerUps. The Base Kit section contains the style choices that will be used on this page for all other Kit sections.&#x20;
* [ ] Add a section and search for **"Kit: Modules (15)"** and add it to your page. There should only be one of these sections on a page.

#### 2) Update the Headings settings group

* [ ] Add your text for the Subheading and Heading settings

#### 3) Update the Text styles settings group

* [ ] Select the color scheme to be used for the text in this section. The colors and style are set using the [Base Kit](https://docs-kit.superpowerups.com/kit-powerups/kit-common-sections/base-kit) that has been placed on this page.

#### 4) Update the Background Color settings group

* [ ] Select the color scheme to be used for background color to be used by this section. The colors and style are set using the [Base Kit](https://docs-kit.superpowerups.com/kit-powerups/kit-common-sections/base-kit) that has been placed on this page.

#### 5) Update the Section settings group

* [ ] Optionally modify the section style options for this section

#### 6) Add a page section **"Kit: Modules (15 Detail)"** for each module

* [ ] Update all text settings for Headings, Summary for the module summary section
* [ ] Add a Module block setting for each module&#x20;
  * [ ] Update all settings for Heading, Summary and Label.&#x20;
  * [ ] Upload the image to be used for the module
* [ ] Add additional page sections **"Kit: Modules (15 Detail)"** and repeat the process