Colored cards with links
This pattern offers another way drive traffic down a content funnel. The card container in this case has the “Card” style variation applied.
01
Design
The foundation on which aesthetics, user experience, and functionality is built.

01
Design
The foundation on which aesthetics, user experience, and functionality is built.



Feature Section
This pattern sets up a background with a cover block to feature sections of content. In this case we’re using the Feature Page with cover image pattern as the feature.
Feature Page
This pattern can be used to tease site content. It uses a cover block and image to create visual interest and respond flexibly to variable content and breakpoints. You can also reverse the columns and choose if you want the image first on mobile in each use.


Feature Page
This pattern can be used to tease site content. It uses a cover block and image to create visual interest and respond flexibly to variable content and breakpoints. You can also reverse the columns and choose if you want the image first on mobile in each use.
Page Link Section


Page Link
The page link CTAs use the “Enable Group Link” option on the containing group allowing the entire CTA to be clickable.
Learn
More
Page Link
The page link CTAs use the “Enable Group Link” option on the containing group allowing the entire CTA to be clickable.
Learn
More
Page Link
The page link CTAs use the “Enable Group Link” option on the containing group allowing the entire CTA to be clickable.
Learn
More
Page Link
The page link CTAs use the “Enable Group Link” option on the containing group allowing the entire CTA to be clickable.
Learn
More
Columns with multiple rows
You can use any component inside of a column, in this sample we’re using Info Boxes. You can simply duplicate a column to add another and you can duplicate the columns block to add more rows.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Info Box
A simple box with headline and content ready for use in columns with variable styles.
Testimonials

“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.
—Allison Taylor, Designer
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Allison Taylor
Designer
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Allison Taylor
Designer
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.
—Allison Taylor, Designer
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.
—Allison Taylor, Designer
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Allison Taylor
Designer
Horizontal Post Scroll
By setting the custom “Horizontal Scroll” style variation on the Post Template block set to grid view you can create a horizontal scroller of any post variation the Query Loop block can come up with. You can set this to any width.
Latest post
Latest Posts
The Latest Post pattern display the 3 most recent post in a grid format. You can set custom content if there is no posts. But really just have at least 3 posts…
Latest Posts
Video Feature Section

Video Feature and Buttons
This pattern utilizes the “Enable Media Popup” option for popping up a video in a modal. There are also buttons for action directly after.
Gallery right of title
Section – Gallery
Timeline
This is a columns block with the Horizontal Scroll style variation selected.
“
With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.
—Allison Taylor, Designer
Timeline
This is a columns block with the Horizontal Scroll style variation selected.

Video Title
Someone’s Name“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.”
Tabbed Content
Tab 1 content
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
- Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Sample Tab content
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna.
Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna.
Sample Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper.
Personal
$95/yr.
Feature Item
Feature Item
Feature Item
Feature Item
Feature Item
Headline
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
Address Block
8880 Ward Parkway Suite 400
Kansas City, MO 64114
View on Google Maps

Video Feature and Buttons
This pattern utilizes the “Enable Media Popup” option for popping up a video in a modal. There are also buttons for action directly after.







