Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed arcu felis, tristique a rutrum eu, tincidunt sit amet ligula. Maecenas id sapien mauris. Nullam condimentum auctor tellus, convallis tincidunt nibh volutpat quis. Donec odio tortor, porttitor et pretium non, porttitor sed neque. Nam fermentum, purus in dapibus aliquet, risus nulla pellentesque mi, et pretium orci nisl ac ipsum. Mauris eget massa sapien. Cras magna enim, mollis id dignissim sit amet, feugiat nec mi.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Donec eget metus et eros euismod volutpat quis in urna. Fusce condimentum ultricies mauris, non ultrices dui ornare non. Fusce malesuada congue mi, in imperdiet sem scelerisque id. Nulla sed purus ac augue dignissim condimentum ut vel nisi. Vivamus eget facilisis mauris. Cras sit amet velit ac purus pretium sollicitudin a at tellus. Sed in diam et odio dignissim accumsan. Nullam laoreet ultricies luctus. Suspendisse semper velit laoreet odio auctor vel accumsan ligula suscipit.

Morbi hendrerit egestas cursus. Integer pretium dui sit amet tortor vehicula feugiat. Pellentesque lacinia pulvinar sagittis. Vivamus quis augue dolor, a fringilla libero. Maecenas tincidunt leo justo. Aenean placerat ullamcorper est a condimentum.

Code snippet

#header h1 a {
display: block;
height: 80px;
width: 300px;
}

Drupal's messages

Sample status message. Page Typography has been updated. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede
Sample error message. There is a security update available for your version of Drupal. To ensure the security of your server, you should update immediately! See the available updates page for more information.
Sample warning message. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph With Links

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor.
    1. Something goes here.
    2. And another here
    3. Then one more
  5. Congue Quisque augue elit dolor nibh.

Unordered List

  • This is a sample Unordered List.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
    • Something goes here.
    • And another here
      • Something here as well
      • Something here as well
      • Something here as well
    • Then one more
  • Nunc cursus sem et pretium sapien eget.

Fieldset

Account information

Table

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

Comments

admin's picture
Submitted by admin on Tue, 10/22/2013 - 11:38

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, itaque eveniet cum beatae nostrum totam illum enim rem assumenda minima accusantium reiciendis quo. Eligendi, fugiat eius temporibus eum laborum vel!

admin's picture
Submitted by admin on Tue, 10/22/2013 - 11:41

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa, itaque eveniet cum beatae nostrum totam illum enim rem assumenda minima accusantium reiciendis quo. Eligendi, fugiat eius temporibus eum laborum vel!

admin's picture
Submitted by admin on Tue, 10/22/2013 - 11:41

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, itaque eveniet cum beatae nostrum totam illum enim rem assumenda minima accusantium reiciendis quo. Eligendi, fugiat eius temporibus eum laborum vel!

admin's picture
Submitted by admin on Tue, 10/22/2013 - 11:42

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, itaque eveniet cum beatae nostrum totam illum enim rem assumenda minima accusantium reiciendis quo. Eligendi, fugiat eius temporibus eum laborum vel!

admin's picture
Submitted by admin on Tue, 10/22/2013 - 11:58

Employee Salary
John Saddington $1 Because that’s all Steve Job’ needed for a salary.
Tom McFarlin $100K For all the blogging he does.
Jared Erickson $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Chris Ames $100B With hair like that?! Enough said…
admin's picture
Submitted by admin on Tue, 10/22/2013 - 12:03

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor.
    1. Something goes here.
    2. And another here
    3. Then one more
  5. Congue Quisque augue elit dolor nibh.

Unordered List

  • This is a sample Unordered List.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
    • Something goes here.
    • And another here
      • Something here as well
      • Something here as well
      • Something here as well
    • Then one more
  • Nunc cursus sem et pretium sapien eget.

Fieldset

Account information

Definition List

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.

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”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

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

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 scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

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

Quote Tag

Developers, developers, developers… –Steve Ballmer

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.

Teletype Tag

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

Variable Tag

This allows you to denote variables.