Warning: include(/var/www/wp-content/themes/bonnebridges/_/template-parts/page-banner.php): Failed to open stream: No such file or directory in /var/www/wp-content/themes/bonnebridges/page-style-guide.php on line 13

Warning: include(): Failed opening '/var/www/wp-content/themes/bonnebridges/_/template-parts/page-banner.php' for inclusion (include_path='.:') in /var/www/wp-content/themes/bonnebridges/page-style-guide.php on line 13

Style Guide

Heading 1 .page-title

Heading 1 - Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 2 - Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum.

Heading 3 - Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo,

Heading 4 - Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo,

Heading 5 - Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quiPraesent mattis, massa quiPraesent mattis, massa quis luctus fermentum, turpis mi volutpat justo,
“This is a quote inside a blockquote.”

Intro Paragraph Text... Lorem ipsum dolor sit amet,Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Standard Paragraph Text – In this paragraph you will find inline elements such as em and strong. You will also find lesser used inline elements such as superscript, subscript and markup elements like cite and the newer mark element . Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Small Text – Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui Praesent mattis, massa quiPraesent mattis, massa qui

    
	                  <h1>This is preformatted code.</h1>
	                  <p>Often used in code examples and tutorials.</p>
	                  <p>Usually shown in a monospaced font.</p>
	                

List Types

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

Unordered List (.arrows)

  • List Item 1
  • List Item 2
  • List Item 3

Unordered List (.chevrons)

  • List Item 1
  • List Item 2
  • List Item 3

Definition List

Definition List Term
This is a definition list description.
Definition List Term
This is a definition list description.

Buttons

.button

Tables

Table Header 1 Table Header 2 Table Header 3
Content 1 Content 2 Content 3
Content 1 Content 2 Content 3
Content 1 Content 2 Content 3

Grids (12 column)

.colwidth-12
.colwidth-2
.colwidth-2
.colwidth-2
.colwidth-2
.colwidth-2
.colwidth-2
.colwidth-4
.colwidth-4
.colwidth-4
.colwidth-3
.colwidth-3
.colwidth-3
.colwidth-3
.colwidth-6
.colwidth-4
.colwidth-2

Form Elements

General form instructions message goes here...
Legend goes here...

Text Inputs

Field-specific instructions
Field-specific instructions
Field-specific instructions
Field-specific instructions

Text Areas

Field-specific instructions
Field-specific instructions
Field-specific instructions

Select Elements

Field-specific instructions
Field-specific instructions
Field-specific instructions

Radio Buttons

Option 1
Option 2
Option 3
Field-specific instructions
Option 1 Option 2 Option 3
Field-specific instructions

Checkboxes

Option 1
Option 2
Option 3
Field-specific instructions
Option 1 Option 2 Option 3
Field-specific instructions