# Banner Sections

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

## Using the Banner 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: Banner*****"*** or you can search for a specific section to use by searching for it's Kit Id ex: ***Kit: Banner (01)***

## Banner Sections

![](https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FYOTXhb0rwalCxxHbmMOB%2FScreen%20Shot%202022-01-15%20at%2012.52.32%20PM.png?alt=media\&token=336dc610-28a2-4e7b-9e02-45a4e93028a2)

### [01 - Side Video](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/01-side-video)

This section contains a background image and an optional video on the side

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FxET36PxeVInT09EIRiDR%2FScreen%20Shot%202022-01-15%20at%2012.53.10%20PM.png?alt=media&token=8925cfac-dc0b-45e5-9db3-c1284a10b4a4>" %}

### [02 - Thin with Parallax Image](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/banner-sections/02-thin-with-parallax-image)

This banner contains centered text and a background parallax image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2F40ugU6i3rdiBD7hmxU4B%2FScreen%20Shot%202022-01-15%20at%2012.56.06%20PM.png?alt=media&token=5e226a81-adb7-46a5-adf4-dd9aae398122>" %}

### [03 - Colorful Image & Text](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/banner-sections/03-colorful-image-and-text)

This banner is a solid color for the background and an image. on the side

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FGhT56CVX8WTg94VtvFzN%2FScreen%20Shot%202022-01-15%20at%2012.56.36%20PM.png?alt=media&token=57d5a341-6202-44e7-95d6-832cfa54aa97>" %}

### [04 - Background Video](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/04-background-video)

This banner has a background video and centered headings

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FjG6JybxMNwLfpaA4T937%2FScreen%20Shot%202022-01-15%20at%2012.56.58%20PM.png?alt=media&token=638809dd-c096-489d-8604-350bae892c64>" %}

### [05 - Popup Video](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/05-popup-video)

This banner has a button for a popup video

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FVtyO96T8wrCFwVGInkiO%2FScreen%20Shot%202022-01-15%20at%2012.57.23%20PM.png?alt=media&token=bb477645-b1af-47b3-9d9b-9d8a447987ea>" %}

### [06 - Popup Video Full Height](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/06-popup-video-full-height)

This banner has a button for a popup video and takes up a larger portion of the screen height

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FRn2gldcGygeiPTMhees7%2FScreen%20Shot%202022-01-15%20at%2012.57.46%20PM.png?alt=media&token=1f6ee5ab-2c80-4c31-8f83-fb8ed023f5d0>" %}

### [07 - Image on Left Side](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/07-image-on-left-side)

This banner has room for an image on the side of the headings

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FtpiN54Wl63lnxY0QywYf%2FScreen%20Shot%202022-01-15%20at%2012.58.09%20PM.png?alt=media&token=3ebe3b21-aa71-4cf2-ac9a-9b7cdbd5fed0>" %}

### [08 - Button on side](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/08-button-on-side)

This banner is a simply thin heading only banner with the call to action on the side

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Flxn0kDmwgQmh1lt3f4Yy%2FScreen%20Shot%202022-01-15%20at%2012.58.28%20PM.png?alt=media&token=8718852b-adb7-4d3b-8ad9-4eaddaac97ac>" %}

### [09 - Full Height Background Image](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/09-full-height-background-image)

This banner will fill the height of the screen with a background image

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2Fw0tNoynU3C7z4Yv0lyeM%2FScreen%20Shot%202022-01-15%20at%2012.58.54%20PM.png?alt=media&token=43fcb6db-4372-4f7d-a6c2-59a47a1b3c09>" %}

### [10 - Image on Right Side](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/10-image-on-right-side)

\This banner has an image on the right and also a color highlight for the subheading

{% embed url="<https://docs-kit.superpowerups.com/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsnW35m4zgTzMXBxNFg9E%2Fuploads%2FEmhxHA3eSorcTTewQMaT%2FScreen%20Shot%202022-01-15%20at%2012.59.19%20PM.png?alt=media&token=24a007c1-679f-4f64-9bd6-b0ba5fd4a64f>" %}

### [11 - Call out on Image (side)](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/11-call-out-on-image-side)

This banner has a call out section positioned on the left and 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%2FGKtumkpkDUAxiWwZa1ks%2FScreen%20Shot%202022-01-15%20at%2012.59.43%20PM.png?alt=media&token=4f618651-5a9f-4003-9679-1425d445ada4>" %}

### [12 - Call out on Image (center)](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/12-call-out-on-image-center)

This banner has a call out section positioned in the center and 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%2FSBwiefjsLiAPvmIar8Tc%2FScreen%20Shot%202022-01-15%20at%201.00.10%20PM.png?alt=media&token=616a2faa-d894-418f-8e46-7bcefe2b9be1>" %}

### [13 - Rotating words and icons](https://docs.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-sections/13-rotating-words-and-icons)

This banner contains rotating words in the heading as well as 3 icons below the banner


---

# 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.superpowerups.com/kit-1/kit-powerups/sections-kit/banner-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.