Styleguide

Typography

H1 Heading (.h1)

H2 Heading (.h2)

H3 Heading (.h3)

H4 Heading (.h4)

H5 Heading (.h5)

H6 Heading (.h6)

  • Unordered List Item 1
  • Unordered List Item 2
    1. Ordered List Sub Item 1
    2. Ordered List Sub Item 2
    3. Ordered List Sub Item 3
  • Unordered List Item 3
    • Unordered List Sub Item 1
    • Unordered List Sub Item 2
    • Unordered List Sub Item 3
  • Unordered List Item 4
  1. Ordered List Item 1
  2. Ordered List Item 2
    • Unordered List Sub Item 1
    • Unordered List Sub Item 2
    • Unordered List Sub Item 3
  3. Ordered List Item 3
    1. Ordered List Sub Item 1
    2. Ordered List Sub Item 2
    3. Ordered List Sub Item 3
  4. Ordered List Item 4

.leading-none

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-tighter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-tight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-loose

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

In eget ligula id ex semper consectetur. Proin pulvinar placerat varius. Nunc vel elementum risus. Praesent efficitur maximus ultricies. Quisque lobortis dui ultricies orci aliquet scelerisque. Vivamus sit amet nisi laoreet erat finibus commodo. Duis vitae sapien tincidunt nulla sollicitudin sollicitudin vel fringilla eros. Nullam viverra eros at nisl volutpat, quis rhoncus neque auctor.

This is an example of a blockquote element. It automatically enlarges text, adds padding, and wraps text with quotation marks as :before and :after pseudo-elements.
Proin turpis tellus, vehicula nec ornare sed, accumsan in lacus. Phasellus aliquet, metus non pulvinar porta, nisl lacus sagittis nulla, a pharetra arcu lectus eu nunc. Curabitur imperdiet viverra ultrices. Curabitur augue odio, dignissim non felis sed, faucibus suscipit nisi. Curabitur ullamcorper, enim sed auctor accumsan, ipsum mauris egestas risus, sed tincidunt purus lorem et tortor.
This is an example of a blockquote element. It automatically enlarges text, adds padding, and wraps text with quotation marks as :before and :after pseudo-elements. This is an example of a blockquote element. It automatically enlarges text, adds padding, and wraps text with quotation marks as :before and :after pseudo-elements.
Proin turpis tellus, vehicula nec ornare sed, accumsan in lacus. Phasellus aliquet, metus non pulvinar porta, nisl lacus sagittis nulla, a pharetra arcu lectus eu nunc. Curabitur imperdiet viverra ultrices. Curabitur augue odio, dignissim non felis sed, faucibus suscipit nisi. Curabitur ullamcorper, enim sed auctor accumsan, ipsum mauris egestas risus, sed tincidunt purus lorem et tortor.

Link Text (.link)
Strong Text (.font-bold)
Italic Text (.italic)

Text xs: ".75rem", 12px

Text sm: ".875rem", 14px

Text base: "1rem", 16px

Text lg: "1.125rem", 18px

Text xl: "1.25rem", 20px

Text "2xl": "1.5rem", 24px

Text "3xl": "1.875rem", 30px

Text "4xl": "2.25rem", 36px

Text "5xl": "3rem", 48px

Buttons

span.btn a.btn

Colors

Theme 1 #4e4e4e
Theme 2 #dfdfdf
Theme 3 #c3c3c3
Theme 4 #b6b6b6

Gravity Forms

  • Shows labels and sub-labels by default
  • Add class "hide-labels" in form settings to hide ALL labels.
  • Add class "hide-sub-labels" to hide ONLY sub-labels.

Example:

Contact


Comment

  • This field is for validation purposes and should be left unchanged.

Page-builder Modules

By The Numbers

This is the By the Numbers Module.

This is the By the Numbers Module content area. Add as many numbers as you like below.
1 Theme
3 Developers
9 Modules
4 Theme Colors
Content 5050 Box 1 Header Content 5050 Box 1 Subheader

Content 5050 Box 1 Content Area

 Box 1 Button
Content 5050 Box 2 Header Content 5050 Box 2 Subheader

Content 5050 Box 2 content area

 Box 2 Button
Content 5050 Box 3 Header Content 5050 Box 3 Subheader

Content 5050 Box 3 content area

 Box 3 button
Content 5050 Box 4 Header Content 5050 Box 4 Subheader

Content 5050 Box 4 content area

 Box 4 Button

Content Centered Header

Content Centered Subheader

Content Centered Content

 Button

Content Featured Header

Content featured subheader

Content featured content area

 Button

Content Grid Header

Content Grid Subheader

Content grid content.
Grid Item 1 Grid Item 2 Grid Item 3 Grid Item 4
Bring home a win with the Redbird Express
Get Info

Image Grid Header

Image Grid Subheader

Image grid content area
Grid Item 1 Grid Item 1 Subtitle
Grid Item 2 Grid Item 2 Subtitle
Grid Item 3 Grid Item 3 Subtitle
Grid Item 4 Grid Item 4 Subtitle

2018 Board Minutes

January – Agenda Notice –  1/16 Board Meeting Minutes – 1/23 Special Board Meeting Minutes February – Agenda Notice –  2/20 Board Meeting Minutes March – Agenda Notice – 3/13 Board Meeting Minutes April – Agenda Notice – 4/17 Board Meeting Minutes May – Agenda Notice – Revised Agenda Notice – 5/18 Board Meeting Minutes June- …

Read More
Jun 14

2017 Board Minutes

January February March April May June July August September October November December

Read More
Jun 14

2016 Board Minutes

January Feburary March April May June July August September October November December

Read More
Jun 14

2015 Board Minutes

January February March April May June July August September October November December

Read More
Jun 14
This is the module used for quotations and testimonials.
- The Developer Matchbox Design Group

Basic content entry module. Works like the normal content entry box in WordPress.