Style Guide

Body text in the stylesheet is the Google Font "Montserrat". The headers are the Google Font "Open Sans". Both of these default down to Arial, Helvetica, sans-serif.

I'm primarily using the following HEX colors throughout the design:
#4c3a86 purple
#261d43 dark purple
#5e4e92 light purple
#dcb71f gold
#bd9800 dark gold

 

 

 

CSS Styled Text Link Buttons

default button < a href="/" class="txt-btn" >

default large button < a href="/" class="txt-btn-lrg" >

purple button < a href="/" class="txt-btn purple" >

purple large button < a href="/" class="txt-btn-lrg purple" >

gold button< a href="/" class="txt-btn gold" >

gold large button< a href="/" class="txt-btn-lrg gold" >

 

 

 

h1 header

h2 header

h3 header

h4 header

h5 header
h6 header

Heading 1 with a link

Heading 2 with a link

Heading 3 with a link

Heading 4 with a link

Heading 5 with a link
Heading 6 with a link

 

 

 

Paragraphs

Elements include BOLD (B, EM) and ITALICS (EM, I) , as well as, CODE , BIG and SMALL

This is a Normal paragraph of text created with lorem ipsum text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is a link in paragraph text Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Body text in the stylesheet is the Google Font "Montserrat". The headers are the Google Font "Open Sans". Both of these default down to Arial, Helvetica, sans-serif.

 

 

 

Lists

Unordered Lists

  • List item with a much longer description or more content. Also this list item has a link.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

 

Ordered Lists

  1. Ordered List Item 1
  2. Ordered List Item 2
  3. Ordered List Item 3
  4. Ordered List Item 4
    1. List item with a much longer description or more content. Also this list item has a link.
    2. Ordered List Item
    3. Ordered List Item
  5. Ordered List Item 5
  6. Ordered List Item 6

 

Definition Lists

Definition Title A
Definition text, you can add as many of these as you need.
Definition Title B
Definition text, you can add as many of these as you need.
Definition Title C
Definition text, you can add as many of these as you need.

 

 

 

This is a BLOCKQUOTE. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

 

 

Image alt text 1
FIGCAPTION content
Image alt text 2

Figure Title

Figcaption content

 

 

 

Form Buttons

FIELDSET LEGEND

 

 

 

Table

Table Caption
Table Head Column One Table Head Column Two Table Head Column Three
Table Row Column One Short Text Testing a table cell with a longer amount of text to see what happens
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three
Table Row Column One Table Row Column Two Table Row Column Three

 

 

 

All Text Elements

The a element example

The abbr element and an abbr element with title examples

The b element example

The big element example

The cite element example

The code element example

The em element example

The del element example

The dfn element and dfn element with title examples

The i element example

The ins element example

The kbd element example

The mark element example

The samp elementexample

The small element example

The span element example

The strong element example

The sub element example

The sup element example

The u element example

The var element example