Headings

Header one

Header two

Header three

Header four

Header five
Header six

Heading with style:

Header Black

Header Bold

Header Thin

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Jhon Doe

Multi line blockquote with a cite reference:

Cu sea etiam consul, petentium repudiare vix id. No mei natum nulla dicant, vero nonumes ea nec. Nam id copiosae placerat qualisque. Eu agam inciderint est, eam magna tollit ne, minim alterum referrentur eam ex. Quem odio gubergren et his. An tacimates adolescens pri.
Jhon Doe – CO Founder Kaleng Susu, 1997

Tables
Employee Salary Description
John Doe $1 Because that’s all Steve Job’ needed for a salary.
Asep Warman $100K For all the blogging he does.
Jajang Nurjaman $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Didin Muhidin $100B With hair like that?! Enough said…
Definition Lists
Klient:
Themeforest
Rok:
20XX
Kategoria:
xxx
Tags: Photo , Graphic , Web Design
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
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
HTML Tags

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a Link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Cite Tag

“Code is poetry.” –Automattic

Code Tag

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

Delete Tag

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

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

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

Preformatted Tag

This tag styles large blocks of code.

.post-content {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 38px;
    line-height: 1.2;
}

Quote Tag

Animation, Program, Design Graphic… –Jhon Doe

Strong Tag

This tag shows bold text.

Subscript Tag

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

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Variable Tag

This allows you to denote variables.