Fuel Pattern Library

Display Awards associated with a Bio post type in the sidebar.

Layout used on bio pages to display bio content

Adds a toggle to the bio template which displays locations associated with that bio.

Fullwidth contact form – cover block with form in center

Fullwidth contact form – form to left slightly overlayed on image to right

Fullwidth contact form – 2 columned layout with image on the left and form on the right

2-4 side-by-side CTAs

3 colunm CTA layout with image in column 1, a group of CTAs in column 2, and a group of CTAs in column 3

Fullwidth cover image with tagline and row of styled links

CTA cards with round image above text and short line below text

CTA cards with round image above title and paragraph with svg chevron at bottom

CTA cards with image above title. Paragraph and image cover fade in on hover

CTA cards with image above title. Image has smile curve bottom with window that opens on hover

CTA cards in a 2×2 grid

Header with menu below.

Header with menu beside logo.

Header with Hero as Background Pattern

Fullwidth cover image with tagline overlay and button

2 columns with cover image to left and text to right that slightly overlays the image

Cover image with text box 40% to the right

Two columns with cover image to right and text to left, image drops below text on mobile

Two columns with text on left and 2 images on right with gradient background

Location Cards Pattern

Single Location Card Pattern

Location list to left, map image with all locations to right

Map left with Location info on right

Location info in left sidebar with Map image linked to Google maps on the right

Location info in left sidebar with standard single location interactive google map iframe on the right

Bio List Grid Pattern that turns into condensed list on mobile (default used in menu)

Bio List Grid Pattern that stacks on mobile (simply removed responsive CSS from team 1 pattern)

Teams list displaying Full Content in one column and image in another (alternating sides)

Similar to Team 2 but with staggered or indented layout with images to the left and full content to the right

Similar to Team 1 but shows team in mini-cards with image, name, and title only in a grid layout – best for larger teams

Testimonial section CTA with cta on left and quote on right

Testimonial carousel pattern

Practice name, paragraph and button

2 column layout with welcome text above practice name, a paragraph of text and a button on the left and an image on the right.