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 NameExample

Blog

Blog 1 Col BoxedBlog 1 Col Boxed
Blog 2 Col BoxedBlog 2 Col Boxed
Blog 3 Col BoxedBlog 3 Col Boxed
Blog 4 Col BoxedBlog 4 Col Boxed
Blog 1 Col CardBlog 1 Col Card
Blog 2 Col CardsBlog 2 Col Cards
Blog 3 Col CardsBlog 3 Col Cards
Blog 4 Col CardsBlog 4 Col Cards
Blog Image LeftBlog Image Left
Blog Image RightBlog Image Right
Blog ListBlog List
Blog PodcastBlog Podcast

Call To Action

CTA Basic Button CenteredCTA Basic Button Centered
CTA Basic Button LeftCTA Basic Button Left
CTA Basic Button RightCTA Basic Button Right
CTA With AppStore Button CenterCTA With AppStore Button Center
CTA With AppStore Buttons CenterCTA With AppStore Buttons Center
CTA With Background Button CenteredCTA With Background Button Centered
CTA With Background Button LeftCTA With Background Button Left
CTA With Background Button RightCTA With Background Button Right

Coupons

Coupon 1Coupon 1
Coupon 2Coupon 2
Coupon 3Coupon 3
Coupon 4Coupon 4

Feature

Feature ColumnsFeature Columns
Feature With Content LeftFeature With Content Left
Feature With Content RightFeature With Content Right
Feature With Content Left BoxedFeature With Content Left Boxed
Feature With Content Right BoxedFeature With Content Right Boxed
Feature ProductFeature Product
Feature StatsFeature Stats
Feature Text With ButtonFeature Text With Button

Footers

Footer 1Footer 1
Footer 2Footer 2
Footer 3Footer 3
Footer 4Footer 4
Footer 5Footer 5
Footer 5 With AppStore ButtonsFooter 5 With AppStore Buttons
Footer 6 With Logo LeftFooter 6 With Logo Left
Footer 6 With Logo RightFooter 6 With Logo Right

Headers

Header CenteredHeader Centered
Header Centered With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
Header Centered With Menu
Header Centered With Split MenuHeader Centered With Split Menu
Header Left With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
Header Left With Menu
Header Right With Basic/Hamburger Menu
* Animation shows the header with hamburger menu on mobile
Header Right With Menu
Header Left With TitleHeader Left With Title
Header Right With TitleHeader Right With Title

HERO

HERO 1HERO 1
HERO 2HERO 2
HERO 3HERO 3
HERO 4HERO 4
HERO 5HERO 5
HERO 6HERO 6
HERO With VideoHERO With Video

HERO Split

HERO Split With Content Left OverlayedHERO Split Content Left Overlayed
HERO Split With Content Right OverlayedHERO Split Content Right Overlayed
HERO Split With Content Left (Bg Image)HERO Split Content Left (Bg Image)
HERO Split With Content Right (Bg Image)HERO Split Content Right (Bg Image)
HERO Split With Content Left (Inline Image)HERO Split Content Left (Inline Image)
HERO Split With Content Right (Inline Image)HERO Split Content Right (Inline Image)
HERO Split With Content Top LeftHERO Split With Content Top Left
HERO Split With Content Top RightHERO Split With Content Top Right

Image Grid

2 Columns With Captions2 Columns With Captions
3 Columns With Captions3 Columns With Captions
4 Columns With Captions4 Columns With Captions
Full With ImageFull With Image
Masonry Grid No Gutters (Full Width)Masonry Grid No Gutters (Full Width)
Masonry Grid No GuttersMasonry Grid No Gutters
Masonry Grid With CaptionsMasonry Grid With Captions
Masonry GridMasonry Grid

Interactive

Accordion

Accordion

Responsive view:
Accordion on Mobile
Star RatingStar Rating

Navigation

Nav Basic CenterNav Basic Center
Nav Basic LeftNav Basic Left
Nav Basic RightNav Basic Right
Nav Hamburger CenterNav Hamburger Center
Nav Hamburger LeftNav Hamburger Left
Nav Hamburger RightNav Hamburger Right

Notification

Abandoned Order ItemAbandoned Order Item
Cart Checkout ButtonCart Checkout Button
Cart Items HeadlineCart Items Headline
Confirm EmailConfirm Email
Intro Headline With ButtonIntro Headline With Button
Intro HeadlineIntro Headline
Order ItemOrder Item
Order RatingOrder Rating
Order Shipping DetailsOrder Shipping Details
Order TotalsOrder Totals
Password ResetPassword Reset

Preheaders

Preheader BasicPreheader Basic
Preheader SocialPreheader Social

Pricing Tables

Pricing Table 1Pricing Table 1
Pricing Table 2Pricing Table 2
Pricing Table 3Pricing Table 3
Pricing Table 4Pricing Table 4
Pricing Table 5Pricing Table 5
Pricing Table 6Pricing Table 6

Social

Social 1Social 1
Social 2Social 2

Spacing

Divider BoxedDivider Boxed
Divider Full WidthDivider Full Width
Spacer BoxedSpacer Boxed
Spacer Full WidthSpacer Full Width

Stats

Stats 1Stats 1
Stats 2Stats 2
Stats 3Stats 3
Stats 4Stats 4
Stats 5Stats 5

Team

Team 1Team 1
Team 2 BoxedTeam 2 Boxed
Team 2 Full WidthTeam 2 Full Width

Testimonial

Testimonial 2 Columns BoxedTestimonial 2 Columns Boxed
Testimonial Centered With AvatarTestimonial Centered With Avatar
Testimonial Left With QuoteTestimonial Left With Quote
Testimonial Split With BorderTestimonial Split With Border
Testimonial TwitterTestimonial Twitter

Text Grid

1/3 ColumnsText Grid 1/3 Columns
1 ColumnText Grid 1 Column
2 ColumnsText Grid 2 Columns
3/1 ColumnsText Grid 3/1 Columns
3 ColumnsText Grid 3 Columns
4 ColumnsText Grid 4 Columns
Headline CenteredText Grid Headline Centered

Timeline

TimelineTimeline