Banner Sections

Grab the attention of your site visitor with these eye catching banners

EXPERIENCE IT: Head over to the demo page and see this super power in action

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

01 - Side Video

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

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

02 - Thin with Parallax Image

This banner contains centered text and a background parallax image

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

03 - Colorful Image & Text

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

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

04 - Background Video

This banner has a background video and centered headings

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

05 - Popup Video

This banner has a button for a popup video

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

06 - Popup Video Full Height

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

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

07 - Image on Left Side

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

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

08 - Button on side

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

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

09 - Full Height Background Image

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

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

10 - Image on Right Side

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

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

11 - Call out on Image (side)

This banner has a call out section positioned on the left and on top of a background image

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

12 - Call out on Image (center)

This banner has a call out section positioned in the center and on top of a background image

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

13 - Rotating words and icons

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