# Lists Sections ## Using the Lists Sections * [ ] **Make sure you have Sections Kit installed.** Check your app page inside of your Site Admin ex: 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: Lists*****"*** or you can search for a specific section to use by searching for it's Kit Id ex: ***Kit: Lists (01)*** ## Lists Sections {% embed url="" %} ### [01 - Centered List ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/01-centered-list) This list section will be centered {% embed url="" %} ### [02 - List With Side Image ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/02-list-with-side-image) This list section will place the text and list on the left side of an image {% embed url="" %} ### [03 - Centered Box With Background Image ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/03-centered-box-with-background-image) This list section will place the list and headings in a box that will be centered on top of an background image {% embed url="" %} ### [04 - Lists On Side ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/04-lists-on-side) This list section will place the list on the right side of the heading text {% embed url="" %} ### [05 - Full height with Image ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/05-full-height-with-image) This list section will fill the screen height and place the list on the side of an image {% embed url="" %} ### [06 - Image in center ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/06-image-in-center) This list section will place an image in the middle of the heading and list {% embed url="" %} ### [07 - Comparison List With Background Image ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/07-comparison-list-with-background-image) This list section will contain two lists side by side over a background image {% embed url="" %} ### [08 - 3 Columns Text Only ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/08-3-columns-text-only) This list section will place split the headings and list across 3 columns {% embed url="" %} ### [09 - 3 Column Cards ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/09-3-column-cards) This list section will place the list into 3 column cards {% embed url="" %} ### [10 - Line Separated ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/10-line-separated) This list section will place the list in 3 columns that are separated by a thin line {% embed url="" %} ### [11 - Lists Under Content ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/11-lists-under-content) This list section will place the list in 3 columns under the main content area {% embed url="" %} ### [12 - Two Columns ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/12-two-columns) This list section will place the list in two columns that will be centered on the page {% embed url="" %} ### [13 - Image & Block Quote ](https://docs-kit.superpowerups.com/kit-powerups/sections-kit/lists-sections/13-image-and-block-quote) This list section will place the list on the side of an image and above a block quote