A reference guide to template sections
Since the product includes over 120 sections, searching for one when building your layout can become confusing. Use this list when you need to identify sections visually or by name, in your development process.
Sections are listed in alphabetical order.
| Section Name | Example |
|---|---|
Blog |
|
| Blog 1 Col Boxed |  |
| Blog 2 Col Boxed |  |
| Blog 3 Col Boxed |  |
| Blog 4 Col Boxed |  |
| Blog 1 Col Card |  |
| Blog 2 Col Cards |  |
| Blog 3 Col Cards |  |
| Blog 4 Col Cards |  |
| Blog Image Left |  |
| Blog Image Right |  |
| Blog List |  |
| Blog Podcast |  |
Call To Action |
|
| CTA Basic Button Centered |  |
| CTA Basic Button Left |  |
| CTA Basic Button Right |  |
| CTA With AppStore Button Center |  |
| CTA With AppStore Buttons Center |  |
| CTA With Background Button Centered |  |
| CTA With Background Button Left |  |
| CTA With Background Button Right |  |
Coupons |
|
| Coupon 1 |  |
| Coupon 2 |  |
| Coupon 3 |  |
| Coupon 4 |  |
Feature |
|
| Feature Columns |  |
| Feature With Content Left |  |
| Feature With Content Right |  |
| Feature With Content Left Boxed |  |
| Feature With Content Right Boxed |  |
| Feature Product |  |
| Feature Stats |  |
| Feature Text With Button |  |
Footers |
|
| Footer 1 |  |
| Footer 2 |  |
| Footer 3 |  |
| Footer 4 |  |
| Footer 5 |  |
| Footer 5 With AppStore Buttons |  |
| Footer 6 With Logo Left |  |
| Footer 6 With Logo Right |  |
Headers |
|
| Header Centered |  |
|
Header Centered With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
|
 |
| Header Centered With Split Menu |  |
|
Header Left With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
|
 |
|
Header Right With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
|
 |
| Header Left With Title |  |
| Header Right With Title |  |
HERO |
|
| HERO 1 |  |
| HERO 2 |  |
| HERO 3 |  |
| HERO 4 |  |
| HERO 5 |  |
| HERO 6 |  |
| HERO With Video |  |
HERO Split |
|
| HERO Split With Content Left Overlayed |  |
| HERO Split With Content Right Overlayed |  |
| HERO Split With Content Left (Bg Image) |  |
| HERO Split With Content Right (Bg Image) |  |
| HERO Split With Content Left (Inline Image) |  |
| HERO Split With Content Right (Inline Image) |  |
| HERO Split With Content Top Left |  |
| HERO Split With Content Top Right |  |
Image Grid |
|
| 2 Columns With Captions |  |
| 3 Columns With Captions |  |
| 4 Columns With Captions |  |
| Full With Image |  |
| Masonry Grid No Gutters (Full Width) |  |
| Masonry Grid No Gutters |  |
| Masonry Grid With Captions |  |
| Masonry Grid |  |
Interactive |
|
| Accordion |
Responsive view:
 |
| Star Rating |  |
Navigation |
|
| Nav Basic Center |  |
| Nav Basic Left |  |
| Nav Basic Right |  |
| Nav Hamburger Center |  |
| Nav Hamburger Left |  |
| Nav Hamburger Right |  |
Notification |
|
| Abandoned Order Item |  |
| Cart Checkout Button |  |
| Cart Items Headline |  |
| Confirm Email |  |
| Intro Headline With Button |  |
| Intro Headline |  |
| Order Item |  |
| Order Rating |  |
| Order Shipping Details |  |
| Order Totals |  |
| Password Reset |  |
Preheaders |
|
| Preheader Basic |  |
| Preheader Social |  |
Pricing Tables |
|
| Pricing Table 1 |  |
| Pricing Table 2 |  |
| Pricing Table 3 |  |
| Pricing Table 4 |  |
| Pricing Table 5 |  |
| Pricing Table 6 |  |
Social |
|
| Social 1 |  |
| Social 2 |  |
Spacing |
|
| Divider Boxed |  |
| Divider Full Width |  |
| Spacer Boxed |  |
| Spacer Full Width |  |
Stats |
|
| Stats 1 |  |
| Stats 2 |  |
| Stats 3 |  |
| Stats 4 |  |
| Stats 5 |  |
Team |
|
| Team 1 |  |
| Team 2 Boxed |  |
| Team 2 Full Width |  |
Testimonial |
|
| Testimonial 2 Columns Boxed |  |
| Testimonial Centered With Avatar |  |
| Testimonial Left With Quote |  |
| Testimonial Split With Border |  |
| Testimonial Twitter |  |
Text Grid |
|
| 1/3 Columns |  |
| 1 Column |  |
| 2 Columns |  |
| 3/1 Columns |  |
| 3 Columns |  |
| 4 Columns |  |
| Headline Centered |  |
Timeline |
|
| Timeline |  |
