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.

Feature Image Links

This component uses a gallery block to create images as links in a grid next a headline and text. Use the columns “reverse on mobile” style variation to choose to which content shows first on mobile.


03

Layouts

A collection of full-page patterns used to showcase content or a message.

04

Styles

An essential element of web design used to create a visually striking design.


Feature Page – Cover

Default:

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


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.


Text and Poster Gallery

This pattern presets a columns block with some text and gallery set to Poster style. Don’t forget, you can use the columns block “Reverse at Mobile” option to put the gallery above the text at mobile.


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.


Sample Image

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

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…


Sample Image

Exciting new gallery layout!

Gallery layout with the headline on the left with the “Card” style variation set on the containing block.

Tabbed Content

Accordion 1
Accordion 2

Address Block

8880 Ward Parkway Suite 400
Kansas City, MO 64114
View on Google Maps

Accordion 3
Sample Image

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.