> For the complete documentation index, see [llms.txt](https://docs-kit.superpowerups.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/banner-sections.md).

# 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](/kit-powerups/sections-kit/banner-sections/01-side-video.md)

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 ](/kit-powerups/sections-kit/banner-sections/04-background-video.md)

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 ](/kit-powerups/sections-kit/banner-sections/05-popup-video.md)

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 ](/kit-powerups/sections-kit/banner-sections/06-popup-video-full-height.md)

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](/kit-powerups/sections-kit/banner-sections/07-image-on-left-side.md)&#x20;

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](/kit-powerups/sections-kit/banner-sections/08-button-on-side.md)&#x20;

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 ](/kit-powerups/sections-kit/banner-sections/09-full-height-background-image.md)

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 ](/kit-powerups/sections-kit/banner-sections/10-image-on-right-side.md)

\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) ](/kit-powerups/sections-kit/banner-sections/11-call-out-on-image-side.md)

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) ](/kit-powerups/sections-kit/banner-sections/12-call-out-on-image-center.md)

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 ](/kit-powerups/sections-kit/banner-sections/13-rotating-words-and-icons.md)

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