'Open Sans', sans-serif

.class {
  font-family: $ff--regular;
}
      
Normal
Eaque odio deleniti tempore.
Bold
Eaque odio deleniti tempore.
Italic
Eaque odio deleniti tempore.

'Libre Franklin', sans-serif

.class {
  font-family: $ff--alternate;
}
      
Normal
Eaque odio deleniti tempore.
Bold
Eaque odio deleniti tempore.
Italic
Eaque odio deleniti tempore.

'Bitter', serif

.class {
  font-family: $ff--header;
}
      
Normal
Eaque odio deleniti tempore.
Bold
Eaque odio deleniti tempore.
Italic
Eaque odio deleniti tempore.

    sapiente quis ad
    36px: $fs--36px

    sapiente quis ad
    30px: $fs--30px

    sapiente quis ad
    24px: $fs--24px

    sapiente quis ad
    18px: $fs--18px

    sapiente quis ad
    16px: $fs--16px

    sapiente quis ad
    14px: $fs--14px

    sapiente quis ad
    12px: $fs--12px

h1 sapiente quis ad

h2 sapiente quis ad

h3 sapiente quis ad

h4 sapiente quis ad

h5 sapiente quis ad
h6 sapiente quis ad
  • This is a list item in an Unordered List
  • An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
  • Lists can be nested inside of each other
    • This is a nested list item
    • This is another nested list item in an unordered list
  • This is the last list item
  1. This is a list item in an Ordered List
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
  3. Lists can be nested inside of each other
    1. This is a nested list item
    2. This is another nested list item in an ordered list
  4. This is the last list item
Definition List
A number of connected items or names written or printed consecutively, typically one below the other.
This is a term.
This is the definition of that term, which both live in a dl.
Here is another term.
And it gets a definition too, which is this line.
Here is term that shares a definition with the term below.
And it gets a definition too, which is this line.

Paragraph One Eaque odio deleniti tempore.


Paragraph Two after an hr Minus est ut assumenda et omnis. Omnis eaque doloremque dignissimos voluptas quia in.

Header 1

Paragraph following an h1 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

Header 2

Paragraph following an h2 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

Header 3

Paragraph following an h3 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

Header 4

Paragraph following an h4 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

Header 5

Paragraph following an h5 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

Header 6

Paragraph following an h6 Quis itaque totam quia sunt omnis rem est. Assumenda est consequatur soluta. Nam et omnis expedita hic quia. Incidunt ut saepe ipsam maiores doloremque repellendus. Harum ipsam et repudiandae et non eligendi eaque asperiores. Autem sit ducimus sit consequatur velit. Quae sit optio et recusandae neque.

This is a text link.

Italic text is used for stylistic purposes in i

This text has added emphasis in em

Bolded text is used for stylistic purposes in b

Strong is used to indicate strong importance in strong

This text is superscript

This text is subscript

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

icon--close
icon--menu
icon--search