Typography

This is a showcase of all the typography we have configured in CSS during the series. Some elements haven't been changed that much, others have been completely created in CSS during this project. You can add more CSS elements to your style.css file for even more functionality, but this should be enough to get you started.

Without further ado, let's get this show on the road...

Headings

H1 Heading 2em

H2 Heading 1.8em

H3 Heading 1.6em

H4 Heading 1.4em

H5 Heading 1.2em
H6 Heading 1.1em

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Bold text

Italic text

Inline code

Hyperlinks look something like this

Buttons

Go to my homepage -->

Use class="button" within a hyperlink to make it a button.

Blockquote

Friends don't spy; true friendship is about privacy, too.
-- Stephen King

Unordered Lists

Ordered Lists

  1. Item 1
  2. Item 2
  3. Item 3