01 Typography

Font Family

For Heading

Poppins

For Heading

Poppins

Typeface

H1 - Heading Title - 40px

H2 - Heading Title - 32px

H3 - Heading Title - 24px

H4 - Heading Title - 18px

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

Body Copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum onsectetur adipiscing elit. Fusce eu lacus impsus erat vitae, dictum nusmod sed nunc. Proin vel rhoncus maurisuisque mattism ipsum dolor sit rdiet, cursd nunc.

Lead

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 nuncroin vel rhoncus maurisuisque mattism.

Dropcap

Dropcap adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod sedroin servel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet nuncroin vel rhoncus muisque mattis dictum esque matum etiarem ipsum dolamet. Vonsectetur adipiscing elit. Fusce eu lacus imperdiet, cursus erat vitae, dictum is et euismod one sedroin vel rhoncus muisque mattis dictum etiarem ipsum dolor sit amet nuncroin vel rhoncus muisque mattis dictum etiarem muisque mattis dictum etiarem.

List

Bootsrap list Unordered

  • Dolor pulvinar etiamseron desons erons.
  • Sagittis lorem eleifend eronser serons.
  • Felis feugiat dolore viverra beones derns.
  • Dolor pulvinar etiam meons itsone.

Ordered

  1. Dolor pulvinar etiamseron desons erons.
  2. Sagittis lorem eleifend eronser serons.
  3. Felis feugiat dolore viverra beones derns.
  4. Dolor pulvinar etiam meons itsone.

Unordered

  • Dolor pulvinar etiamseron desons erons.
  • Sagittis lorem eleifend eronser serons.
  • Felis feugiat dolore viverra beones derns.
  • Dolor pulvinar etiam meons itsone.

Ordered

  1. Dolor pulvinar etiamseron desons erons.
  2. Sagittis lorem eleifend eronser serons.
  3. Felis feugiat dolore viverra beones derns.
  4. Dolor pulvinar etiam meons itsone.

Blockquote

“Tristique non neque id act horinc conditum laoreeted orci turpis eleifenddonec tortor sed porta ultrices risus a nunc consectetur.”
“Suspendisse vitae diam em pulvinar egetdolno teaecenas ultrices ipsum notor molestie blanditnulla venenatis elementum lacus ut sollicitudin. Duis tristique dapibus odio.”
“Donec luctus elit nec libero egestas, ut mollis eros sagitrbi ac lacus at tuo sit amet euismod vel nisi nec vivertiam interdum consequat diam pharetra rutrum.”

- Unknown Person

02 Color Palette

Default

#023981

Hex Color:
#002047

Hex Color:
#012e67

Hex Color:
#04479c

Hex Color:
#085dcb

Primary

#ffcd00

Hex Color:
#a08100

Hex Color:
#c9a100

Hex Color:
#ffd83a

Hex Color:
#ffe165

Heading

#2e3133

Hex Color:
#0e1519

Hex Color:
#111314

Hex Color:
#4b5052

Hex Color:
#686d70

Secondary

#575a65

Hex Color:
#434a53

Hex Color:
#5c6169

Hex Color:
#94969a

Hex Color:
#c4c5c6


04 Form Elements


04 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

05 Social Media