A Module/Row in Flexline represents a collection of curated blocks and components combined to make more complication rows of content. These are ready to use pieces of content that have been tested responsively. You can use them directly or use them to build something new.

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



Feature Page – Cover
Default:
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.

Reversed: columns flipped and the columns block style variation set to default rather than reverse on mobile.

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.
Text and Video popup
This pattern takes advantage of the custom “Enable Media Popup” option on images to popup up a video in a lightbox.

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.
Sticky Sub Navigation
Sticky Sub navigation can use menus to make keeping site context easier. They can live anywhere in a page but will stick to the top once scrolled to that position and will stay there until its containing block clears the screen. This can be hidden at mobile, or you can also use the the “Sticky Sub navigation can use menus to make keeping site context easier. They can live anywhere in a page but will stick to the top once scrolled to that position and will stay there until its containing block clears the screen. This can be hidden at mobile, or you can also use the the “Enable horizontal scroll at mobile” option to leave it on screen an allow it to scroll horizontally.


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.
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.
Latest Posts
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
Tabbed Content
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.
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.







