Style your header.

Style Guide

Use this style guide as a reference for all elements used throughout the website

Heading Styles

Heading 1 (h1)

Ulorum suffragio omnium nominati sunt. Duo Reges: constructio interrete. This is a link. Lorem ipsum dolor sit hover link amet, consectetur adipiscing elit. Aenean pulvinar tempus velit, in suscipit nibh rhoncus eget. In dictum id erat lacinia tristique. Nulla condimentum ullamcorper arcu ac commodo. Vivamus id metus non neque tincidunt fringilla.

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Alternative Heading Styles

Primary Font Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Secondary Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Accent Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Pairings

These look great together

Another Pairing

This is a Great Pairing

Ulorum suffragio omnium nominati sunt. Duo Reges: constructio interrete. This is a link. Lorem ipsum dolor sit hover link amet, consectetur adipiscing elit.

Break up the content

Aenean pulvinar tempus velit, in suscipit nibh rhoncus eget. In dictum id erat lacinia tristique. Nulla condimentum ullamcorper arcu ac commodo. Vivamus id metus non neque tincidunt fringilla.

Break up the content

Default Column Gaps

Second Column

Default Button Styles

There are 5 different button styles for you to choose from. Some sizes work best on light backgrounds and others on dark backgrounds.

For Use On Light Background

For Use On Dark Background

Toggles, Accordions & Tabs

Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three

Dark BG Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Dark BG Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Dark BG Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three

Default Flip Box Styles

Example Title

This is an example of some content on the flipbox.

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get Directions

Example Title

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get Directions

Example Title

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get Directions

Image Slider

Slide 1 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click Here

Slide 2 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click Here

Slide 3 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click Here

Previous slide

Next slide

Style your header.​

Style Guide

Use this style guide as a reference for all elements used throughout the website

Heading Styles

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Heading 4 (h4)

Heading 5 (h5)

Heading 6 (h6)

Alternative Heading Styles

Primary Font Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Secondary Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Accent Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Pairings

These look great together

Another Pairing

This is a Great Pairing

Break up the content

Break up the content

Default Column Gaps

Second Column

Default Button Styles

For Use On Light Background

For Use On Dark Background

Toggles, Accordions & Tabs

Toggles

Accordions

Tabs

Dark BG Toggles

Dark BG Accordions

Dark BG Tabs

Default Flip Box Styles

Example Title

Important Information

Example Title

Important Information

Example Title

Important Information

Image Slider

Contact Us

Next Steps

Transforming lives through the love of Christ.

We seek to inspire spiritual growth, foster an inclusive community, and empower individuals to make a positive difference in the world.

Style your header.