Typography

[fy-container]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 1

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 2

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 3

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 4

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 5

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Heading 6

Braise a basketful of salt before you have some demi-glaze into the pink mixture which case do not, and rinse the meat and place on top; spread with spinach, throwing away skin and vinegar and some boiling and garnish with the red enough, add three for an hour, or of butter the cellar.

[/fy-column]
[/fy-container]

Blockquotes

I am what I am. A fighter.

Swearing is industry language. For as long as we’re alive it’s not going to change. You’ve got to be boisterous to get results.
Gordon Ramsay

Tables

Employee Salary
John $1 Because that’s all Steve Job’ needed for a salary.
Tom $100K For all the blogging he does.
Eric $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Peter $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

[fy-container]
[fy-column width=”50″ width-tablet=”50″ width-phone=”100″]

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

[/fy-column]
[fy-column width=”50″ width-tablet=”50″ width-phone=”100″]

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

[/fy-column]
[/fy-container]

HTML Tags

These supported tags come from the WordPress.com code FAQ.

[fy-container]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Anchor Tag (Link)

This is an example of a link.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Acronym Tag

The acronym ftw stands for “for the win”.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Cite Tag

“Code is poetry.” —Automattic

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Emphasize Tag

The emphasize tag should italicize text.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Insert Tag

This tag should denote inserted text.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Keyboard Tag

This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Quote Tag

Developers, developers, developers… –Steve Ballmer

[/fy-column]
[fy-column width=”100″ width-tablet=”100″ width-phone=”100″]

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin-bottom: 18px;
	font-size: 38px;
        font-weight: 700;
        // Long text: When it is reduced and put on to every now and salt. Make a few pickled nasturtium seed, and salt and rub through a mold to come like cups.
}

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Strong Tag

This tag shows bold text.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Superscript Tag

Still sticking with science and Albert Einstein’s E = MC2, which should lift the “2” up.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

[/fy-column]
[fy-column width=”33″ width-tablet=”100″ width-phone=”100″]

Variable Tag

This allows you to denote variables.

[/fy-column]
[/fy-container]