Articles - Archive

Displays all of the site’s Articles.

There is an option to limit the number of articles, as well as the option to add a button at the bottom to “View all Articles” that links to the Article Archive page.

Resource Article One Is Longer

Heading One Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque enim lacus, tempor et […]

Resource Article Two

This is an extra long custom excerpt to try and wrap to three lines to show off sub-grid row-span. That’s not enough. Need some more text.

Resource Article Four

Heading One Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque enim lacus, tempor et […]

Articles - Selection

Displays a selection of specific Articles. Has an option to add a button to “View all Articles” that links to the Article Archive page.

Resource Article Four

Heading One Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque enim lacus, tempor et […]

Resource Article One Is Longer

Heading One Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque enim lacus, tempor et […]

Resource Article Two

This is an extra long custom excerpt to try and wrap to three lines to show off sub-grid row-span. That's not enough. Need some more text.

Card Comparison

Select the Fuel Cards to compare.

Sections of Features/Details with checkboxes for each card.

Top left message.

Activating this element will cause content on the page to be updated.
Section Title
Item One No
Item Two No
Item Three
Section Title Two
Item One No
Item Two No
Item Three

Card Options

Displays the CPT Fuel Cards in the Category of “Fuel Card”.

Has options for “Stacked” and “Horizontal” layouts.

Content Cards

Add Cards of Image, Title and Description, with the option to add CTAs to any of the Cards.

Card Title Three

Card Description. Proin eu orci vel nibh interdum vestibulum id non sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Card Title Two

Card Description. Proin eu orci vel nibh interdum vestibulum id non sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Card Title Three

Card Description. Proin eu orci vel nibh interdum vestibulum id non sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Content Columns

Columns of a Title and Description, with the option to add CTA(s) to each Column

Card Title

Proin eu orci vel nibh interdum vestibulum id non sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec augue sapien, consequat a molestie sit amet, congue sed sem.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Card Title Two

Proin eu orci vel nibh interdum vestibulum id non sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. In iaculis ligula orci, nec condimentum nibh hendrerit in. Donec augue sapien, consequat a molestie sit amet, congue sed sem.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQs

Add a list of FAQs here that have a Question and Answer.

FAQs are grouped in FAQ Sections that have a Title and Description

FAQ Section Title

FAQ Question Description. Mauris vulputate ornare lorem, non sodales libero vehicula nec.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQ Section Title

FAQ Question Description. Mauris vulputate ornare lorem, non sodales libero vehicula nec.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQ Question

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

FAQs Filtered

Pulls in all of the site’s FAQs CPT, grouped by their Categories.

Second FAQ Question

This is the second FAQ answer.

FAQ Question 3

This is the answer to FAQ Answer 3.

Wait, we have FAQs now?!?

We sure do!

Features

Displays a grid of Features that consist of an Image, Title and Description.

Each Features can have CTAs.

Has layouts of “Stacked” (with One, Two Three or Four columns), “Columns” (where you can put each Feature in a box) and “Stacked with Text” that is a single Stacked Column with a text box to the side.

fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.
fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.
fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.
fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.
fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.
fill="#666"

Feature Title

Mauris vulputate ornare lorem, non sodales libero vehicula nec.

Select your form.

Has the option to pre-populate fields with vlaues.

Can add a text column with a Title and Description.

Here's my text heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque risus metus, id aliquam diam tristique non. Proin suscipit auctor lectus in sodales.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Curabitur eget nunc suscipit sapien gravida efficitur. In hac habitasse platea dictumst. Sed pretium convallis urna. Sed vitae vestibulum est, eget cursus sapien.

Ut condimentum, lacus id venenatis sodales, metus lorem commodo tellus, a ornare odio arcu feugiat mi.

Let's Talk

Columns (typically two), of an Image, Title, Description and CTAs.

The image can be the Featured Image of a Fuel Card.

Column Headline That's Longer

Column Text

Column Headline

Column Text That's a Bit Longer and Hopefully Wraps

Call 1-207-207-2072

Mention code

PDF - Archive

An automatic list of the site’s PDFs.

May limit the number that displays with the option for a “View all PDFs” button that links to the PDF archive.

Test PDF

We can add an excerpt to a PDF if needed for some context.

PDFs - Selection

A list of selected PDFs.

May limit the number that displays with the option for a “View all PDFs” button that links to the PDF archive.

Test PDF

We can add an excerpt to a PDF if needed for some context.

Statistics

A list of statistics.

Each statistic contain a Number, Description and the option for an Image above.

The Number and Description combine to be one text string with special visual treatment to the Description

3,000+ Fueling Stations

3,000+ Fueling Stations

3,000+ Fueling Stations

3,000+ Fueling Stations

3,000+ Fueling Stations

Tabs

Tab Titles and Descriptions in a Tab Layout

Tab Title One

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Tab Title Two

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Tab Title Three

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Curabitur mattis sagittis odio. Praesent scelerisque justo nec felis semper pharetra. Suspendisse ornare leo eget massa finibus, vitae volutpat lectus congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non eleifend massa. Fusce sagittis pellentesque nisl, non viverra mauris elementum vel. Nam et leo sodales justo tempor sagittis.

Tab Title Four

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Mauris vulputate ornare lorem, non sodales libero vehicula nec. Praesent vel diam et erat molestie lacinia. Mauris ac hendrerit nibh, nec imperdiet sem. Nulla congue erat at erat ornare lobortis. Nunc diam nisi, iaculis id fringilla ornare, molestie ut enim. Nullam vestibulum neque sed ante pellentesque lacinia. Nullam imperdiet enim quis velit pretium luctus. Donec sed rutrum odio, eu pulvinar diam. Praesent vel fermentum purus. Vivamus nec ex pulvinar metus accumsan sollicitudin.

Testimonials

Select a Testimonial(s) to display here.

If selecting more than one, it will (in the future) display one at random.

Component is WIP.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque risus metus.

Text/CTA

A WYSIWYG with CTA(s) below.

Aliquam semper dui sed urna suscipit sollicitudin. Nulla viverra tortor et risus cursus, eget tempor mi suscipit.

Two Column - Copy and Image

Select an Image (can be a Fuel Card Featured Image) and a WYSIWYG.

Image can be 1/2, 1/3 or 1/4 of the component width.

Image can be to the left or right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at iaculis ante. Quisque bibendum efficitur posuere. Donec vestibulum, lorem quis dignissim ullamcorper, nunc lectus volutpat mauris, vel ultrices lorem risus ac sapien. Aliquam semper dui sed urna suscipit sollicitudin. Nulla viverra tortor et risus cursus, eget tempor mi suscipit.