f Webhost Hosting - Styleguide Page
  • 24/7 Connect: 180.123.4567

Font Family

For Heading

Fira Sans

For Base

Fira Sans


Typography

H1 - Heading Title - 40px

H2 - Heading Title - 32px

H3 - Heading Title - 24px

H4 - Heading Title - 20px

H5 - Heading Title - 16px
H6 - Heading Title - 12px

Color Palette

Default

#252d3a

Primary

#f15427

Secondary

#ffd75b

Heading

#252d3a

Paragraph

#7a7e85


Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc.

Consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae dictum nusmod sed nuncroin vel rhoncus maurisuisque mattism ipsum dolor sit amet consectetur adipiscing elit.

Heading Title Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunc.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.

Heading Title Here

Etiarem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitadictum nulla. Mauris et euismod sed nunce.


List

Unordered

  • Dolor pulvinar etiam.
  • Sagittis lorem eleifend.
  • Felis feugiat dolore viverra.
  • Dolor pulvinar etiam..

Ordered

  1. Dolor pulvinar etiam.
  2. Sagittis lorem eleifend.
  3. Felis feugiat dolore viverra.
  4. Dolor pulvinar etiam.

Altenate

  • Dolor pulvinar etiam.
  • Sagittis lorem eleifend.
  • Felis feugiat dolore viverra.
  • Dolor pulvinar etiam.

Blockquote

“Get Your Free Web Hosting Template”

-Unknown


Form Elements


Tables

Default Table

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped Rows

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter