This is header image type 1.

This header style contains a background image that touches the right side of the page. The image should be about 800px wide. Row padding might need adjusting for different page widths.

Get a free demo

We’re a relentlessly bold team of business dynamos who share a passion for productivity.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

small body – add the “small-body” class to an element.

Eyebrow – add the “eyebrow” class to an element.

Buttons

Normal Button

Simple Button Link

This section has a class called “blue-blob”. This adds the opaque blue blob shape to the right of the section, aligned to the top with a max height.

This section has a class called “dark-yellow-blob”. This adds the solid yellow blob shape to the left of the section, vertically centered.

This row has a class for green dots! This class is called “green-row-dots” and is just for rows, not sections.

Make the area look fancy by applying a light green to the section or row background. Examples of use are in the blogs.

This row has a class for blue dots! This class is called “blue-row-dots” and is just for rows, not sections.

Make the area look fancy by applying a light blue to the section or row background. Examples of use are in the blogs.

Here’s an eyebrow

We know a great idea when we see it.

It was 2014. Clay (our original visionary) was struggling with his own startup. His friend Jay (one of our founders) recommended a little book called Traction and, for Clay, it was love at first read. Just 6 days later, he pitched his brand-new software, Traction Tools, at a Chicago EOS forum. As fate would have it, Todd (another founder) and his assistant Kathy were in attendance and immediately saw its potential for revolutionizing meetings. The rest is history.

Blue shape section

This section has a class called blue-shape-section. This class can be added to sections and will display the right and left shapes. Those shape URLs can be found in the CSS.

Pink shape section

This section has a class called pink-shape-section. This class can be added to sections and will display the right and left shapes. Those shape URLs can be found in the CSS.

Green shape section

This section has a class called green-shape-section. This class can be added to sections and will display the right and left shapes. Those shape URLs can be found in the CSS.

Yellow shape section

This section has a class called yellow-shape-section. This class can be added to sections and will display the right and left shapes. Those shape URLs can be found in the CSS.

Blue wave section