marsh_full_width

Styles Page

Site Colors

rgb(245, 139, 113)
hex #F58B71
rgb(50, 46, 47)
hex #322e3f
rgb(0,73,44)
hex #00492C

 

rgb(255,252,240)
hex #FFFCF0
rgb(99,85,79)
hex #63554F
rgb(0,111,121)
hex #006F79

 

rgb(116,163,51)
hex #74A333
rgb(218,214,210)
hex #DAD6D2
rgb(255,255,255)
hex #FFFFFF

 

rgb(159,200,212)
hex #9FC8D4
rgb(218,214,210)
hex #5B6770

 

Site Fonts -Font Families

font-family: Red Hat, Red Hat Display;
The font-family: Red Hat, Red Hat Display;  is used for the H1, H2, H3, H4, H5, H6 on this site. on this site.

The list is prioritized from left to right: it will use the first value if it's available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.

In this example, the browser will try to use Red Hat, Red Hat Display  if it's available. If it can't find it, it will try to use anotherRed Hat  font

 

font-family: Red Hat, Red Hat Display;
The font-family: Red Hat, Red Hat Display;  is used for the body copy on this site. on this site. The list is prioritized from left to right: it will use the first value if it's available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.

In this example, the browser will try to use Red Hat, Red Hat Display  if it's available. If it can't find it, it will try to use anotherRed Hat  font.

 

Hello world

The quick brown fox jumps over the lazy dog

H1 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H2 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H3 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H4 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

H5 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM
H6 LOREM IPSUM DOLOR SIT AMET, AT FERMENTUM

 

p - Lorem ipsum dolor sit amet, consectetur adipiscing 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.

 

p > bold - Lorem ipsum dolor sit amet, consectetur adipiscing 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.

 

p > italic - Lorem ipsum dolor sit amet, consectetur adipiscing 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.

 

a href - this is a link

a href > bold - this is a bold link

Phone Number Link: 888-888-888

Email Link: test email

 

TEXT WITH PAGE CONTENT TEXT DIV - Lorem ipsum dolor sit amet, consetetur sadipscing elitr. ed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Blockquote - Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing 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.

 

Bulleted List - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Item 1
  • Item 2
  • Item 3
    • Item 3a
    • Item 3b
    • Item 3c
      • Item 3a I
      • Item 3a II
      • Item 3a III

Numbered List - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b
    3. Item 3c
      1. Item 3a I
      2. Item 3a II
      3. Item 3a III