Skip to content

Layout

Headings

This is the way the different Headings have been formatted in this layout. Note the spacing above and below the heading text:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
 

Bulleted List

Numbered List

Note the spacing above and below each type of bullet:

  1. example 1
    1. example 1
    2. example 1
  2. example 2
    1. example 2
    2. example 2
  3. example 3
    1. example 3
    2. example 3

Bulleted List

Note the spacing above and below each type of bullet:
  • example 1
    • example 1
  • example 2
    • example 2
  • example 3
    • example 3
 

Hyperlinks

Hyperlinks have been formatted to look like this:
Click here to visit Terra Dotta's website.

Be sure to inspect the style properties you have designed for decoration when off, hovered, and visited.
 

Buttons

Default Bootstrap Buttons

     
 

Primary Bootstrap Buttons - Various Sizes

   
 

Outline Button

Learn More
 

Tables

Responsive Table With Border (table-bordered): 

Column 1 Column 2
Content Row 1 Content Row 1
Content Row 2 Content Row 2
 

Responsive Table With Striped Rows (table-striped):

Column 1 Column 2
Content Row 1 Content Row 1
Content Row 2 Content Row 2
Content Row 3 Content Row 3
 

Responsive Table With Row Hover Highlighting (table-hover):

Column 1 Column 2
Content Row 1 Content Row 1
Content Row 2 Content Row 2
Content Row 3 Content Row 3