Run to quit

Style Guide

Ordinary large title

Ordinary subtitle

Box title

Box Subtitle

Anchor Button

Anchor Alternative Button

Error message

Success message

Info message

Notification

  • Styled unordered list
  • Styled unordered list
  • Styled unordered list
  • Styled unordered list
  • Styled unordered list

Highlighted content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

Map

Map inside the container

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

Province selection

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

Call to action with icons

Training Programs

Register Now

Do it yourself

Register Now

Break Free 5K

Register Now

Find a 5K

Register Now

Call to action with dates

Virtual training programs

Jun 27

Learning to Run Virtual

Virtual training program

Register Now Details

Jun 27

Learn to Run Virtual

Crowfoot Running Room
Calgary, AB

Register Now Details

In-store training programs

Jun 27 6:30 p.m.

Learning to Run In-store

Virtual training program

Register Now Details

Jun 27 6:30 p.m.

Learn to Run In-store

Crowfoot Running Room
Calgary, AB

Register Now Details

Event boxes

5K Run/Walk

Register Now

Until Oct 1

$50

5K Run/Walk

Register Now

Until Oct 1

$50

Accordion

  • How it works?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

  • How it works?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

  • How it works?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

  • How it works?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

  • How it works?

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

"Choose" tabs

RTQ program tab content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

RTQ break free content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nunc elit, tincidunt quis porttitor sed, elementum molestie erat. Cras metus augue, commodo et suscipit at, commodo at sem.

Benefits table (2 column responsive table)

After Benefits
20 minutesLorem ipsum dolor sit amet, consectetur adipiscing elit.
8 hoursLorem ipsum dolor sit amet, consectetur adipiscing elit.
24 hoursLorem ipsum dolor sit amet, consectetur adipiscing elit.
48 hoursLorem ipsum dolor sit amet, consectetur adipiscing elit.
72 hoursLorem ipsum dolor sit amet, consectetur adipiscing elit.
1 yearLorem ipsum dolor sit amet, consectetur adipiscing elit.
10 yearsLorem ipsum dolor sit amet, consectetur adipiscing elit.
10-15 yearsLorem ipsum dolor sit amet, consectetur adipiscing elit.