The News
Headings
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Tables
| 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… |
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.
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 one
- List item two
- List item three
- List item four
Ordered List (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 one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, 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 scarsly 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 Albert Einstein’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.
On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In addition, they also get the options of Thumbnail, Medium, Large & Fullsize.
The image above happens to be centered.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!
And now for a massively large image. It also has no alignment.
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.
And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.
And just when you thought we were done, we’re going to do them all over again with captions!
Look at 580×300 getting some caption love.
The image above happens to be centered. The caption also has a link in it, just to see if it does anything funky.
Itty-bitty caption.
The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned.
As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished!
And now for a massively large image. It also has no alignment.
Massive image comment for your eyeballs.
The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content.
Feels good to be right all the time.
And now we’re going to shift things to the right align. Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t let anyone else tell you differently.
In just a bit here, you should see the text start to wrap below the right aligned image and settle in nicely. There should still be plenty of room and everything should be sitting pretty. Yeah… Just like that. It never felt so good to be right.
And that’s a wrap, yo! You survived the tumultuous waters of alignment. Image alignment achievement unlocked!
Default
This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.
Left Align
This is a paragraph. It is left aligned. Because of this, it is a bit more liberal in it’s views. It’s favorite color is green. Left align tends to be more eco-friendly, but it provides no concrete evidence that it really is. Even though it likes share the wealth evenly, it leaves the equal distribution up to justified alignment.
Center Align
This is a paragraph. It is center aligned. Center is, but nature, a fence sitter. A flip flopper. It has a difficult time making up its mind. It wants to pick a side. Really, it does. It has the best intentions, but it tends to complicate matters more than help. The best you can do is try to win it over and hope for the best. I hear center align does take bribes.
Right Align
This is a paragraph. It is right aligned. It is a bit more conservative in it’s views. It’s prefers to not be told what to do or how to do it. Right align totally owns a slew of guns and loves to head to the range for some practice. Which is cool and all. I mean, it’s a pretty good shot from at least four or five football fields away. Dead on. So boss.
Justify Align
This is a paragraph. It is justify aligned. It gets really mad when people associate it with Justin Timberlake. Typically, justified is pretty straight laced. It likes everything to be in it’s place and not all cattywampus like the rest of the aligns. I am not saying that makes it better than the rest of the aligns, but it does tend to put off more of an elitist attitude.
Vivamus nulla nisl, cursus sit amet mollis a, varius quis felis. Phasellus vel odio vel est dignissim semper. Aenean consequat eu felis sed commodo. Donec efficitur justo sed tortor porta vehicula. Maecenas euismod at urna ac pharetra. Fusce lobortis velit vitae sodales vestibulum. Morbi id ligula diam. Quisque eget risus elit. Etiam sodales pretium odio quis congue. Aliquam erat volutpat. Etiam non ante ante. In fringilla pulvinar sodales. Mauris eget gravida ligula, eget blandit neque.
Morbi in cursus lectus. Quisque quis tortor tortor. Suspendisse potenti. Pellentesque tortor orci, bibendum eget purus ac, blandit tincidunt felis. Integer ac libero ut ante posuere mattis. Proin consequat condimentum urna ac finibus. Morbi sagittis libero nisi, ut fermentum diam ultricies sed. Aenean condimentum ornare mi ac rutrum. Nullam bibendum diam eu felis varius tincidunt. Integer pellentesque nibh non sodales interdum. Aenean faucibus sit amet libero non venenatis. Vestibulum gravida sapien nec nisl tincidunt, et rutrum sapien mollis. Vestibulum id sapien felis. Etiam varius turpis porta ultricies elementum.
Quisque imperdiet molestie nibh id egestas. Praesent et ullamcorper justo. Fusce nec condimentum magna. Phasellus ac libero elementum, consectetur nulla eu, consectetur augue. Nam posuere tristique mauris nec commodo. Etiam dictum mi lobortis mauris gravida, a imperdiet urna ornare. Nam eleifend euismod risus in vestibulum. Vestibulum nec sem vel urna venenatis scelerisque nec eu ante. Vestibulum eget sagittis ex, eu maximus erat.
Nulla sit amet sodales orci. Phasellus in luctus enim, sit amet aliquet leo. Vestibulum mattis varius nulla. Suspendisse nisl risus, condimentum et sodales sit amet, lacinia et arcu. Pellentesque efficitur nunc at rhoncus auctor. Curabitur dapibus, elit eget fringilla sollicitudin, sem nibh scelerisque sapien, sit amet ullamcorper augue orci a eros. Quisque feugiat, nibh sed tristique placerat, risus ex sodales est, quis bibendum diam nisl quis urna. Phasellus libero dui, congue eu molestie at, eleifend a lacus. Maecenas at erat fermentum, dapibus velit eget, eleifend eros. Nulla ac consequat risus. Suspendisse non viverra lectus.
Proin dictum ullamcorper fringilla. Praesent aliquet, augue nec varius tincidunt, sapien ipsum aliquet massa, sed ullamcorper nisi mauris id quam. Cras tristique ante at risus lacinia, sed rhoncus felis ornare. Sed luctus nec lorem eu feugiat. Pellentesque lectus tortor, tincidunt in facilisis a, bibendum a elit. Curabitur id enim molestie, commodo odio laoreet, tempus neque. Phasellus pellentesque nibh quis sodales imperdiet. Praesent fermentum odio vel varius suscipit. Nunc hendrerit luctus libero, eget vulputate lacus aliquam sed. Nullam vel arcu non odio sodales venenatis. Integer eget ligula eu sem luctus molestie. Phasellus odio magna, tincidunt nec diam quis, mollis sollicitudin sapien. Nunc sollicitudin nisl ligula, non efficitur neque molestie a.
Phasellus ullamcorper, justo at cursus porta, dui ligula consequat lacus, semper tincidunt leo libero id libero. Integer elit mauris, tincidunt nec consequat quis, condimentum in urna. Fusce vehicula egestas sodales. Aenean non sem porttitor, ullamcorper augue at, molestie ex. Praesent et erat in nulla luctus faucibus. Praesent velit felis, aliquam eget quam quis, euismod molestie ligula. Mauris faucibus vel sem non vestibulum. Sed lectus velit, suscipit convallis viverra ut, hendrerit auctor enim. Morbi fermentum id massa eu aliquam. Donec consequat eros at mi consectetur, in maximus tortor efficitur.
Integer libero tellus, lacinia non eros in, pharetra fermentum diam. Cras non odio id magna elementum vulputate. Quisque imperdiet ipsum nec magna tincidunt sagittis. Sed posuere, dolor ac tristique scelerisque, odio lectus aliquet urna, at feugiat quam lacus in lacus. Sed lobortis justo purus, in suscipit leo convallis sed. Aenean condimentum quam finibus, pulvinar velit nec, pharetra urna. Quisque feugiat, mauris tempor porta tempor, augue velit vestibulum enim, iaculis iaculis urna est vitae sem. Duis quis velit cursus, ultrices ex luctus, dapibus felis. Proin ultricies luctus metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut magna mi, lacinia nec elementum at, faucibus id lectus. Pellentesque consectetur velit eu libero tempus commodo. Nullam in rutrum enim, sit amet faucibus arcu. Duis ut arcu sed odio consequat posuere.
Curabitur sit amet sem id mauris mattis maximus quis a turpis. Sed ut velit diam. Morbi non cursus quam, a feugiat nisl. Curabitur consectetur sapien sit amet vehicula posuere. Morbi rutrum nulla pellentesque metus fringilla dignissim. Donec quis leo ac dui porta laoreet. Nulla eu ultricies dui. Nam vel eleifend velit, a fringilla massa.
Cras non nibh sit amet enim fringilla congue. Ut dictum, nulla sed ultrices eleifend, augue tortor faucibus ipsum, nec porta nisl leo vitae justo. Sed viverra velit purus, et volutpat purus gravida in. Nullam vestibulum, eros quis laoreet gravida, mauris libero hendrerit dolor, vitae tristique enim leo non ligula. Aenean ut dui accumsan, tempor mi vel, lacinia sem. Sed massa quam, lacinia vel leo vitae, dapibus finibus ligula. Nullam molestie non nulla nec rutrum. Aliquam malesuada nulla eros, vitae malesuada felis placerat id. Ut nec sollicitudin est, et semper elit. Aenean nisl elit, aliquam sit amet est id, aliquam ultricies leo. Aliquam porttitor, tellus eget sodales consectetur, eros felis commodo lectus, quis elementum nibh est at ipsum. Maecenas condimentum facilisis odio, et blandit felis consectetur vitae. Donec odio urna, eleifend sed quam nec, lobortis vehicula dui. Donec eros eros, egestas at augue id, posuere mollis mauris. In hac habitasse platea dictumst.
Suspendisse efficitur facilisis mollis. Curabitur sodales nunc ut ex iaculis finibus. Donec at lacus dignissim, volutpat arcu sit amet, imperdiet sapien. Donec ultricies ante ac aliquam maximus. Phasellus rhoncus non odio vitae lobortis. Curabitur auctor congue felis, quis pretium elit sollicitudin quis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Nam volutpat euismod turpis quis aliquam. Nulla pulvinar est dui, sit amet posuere eros interdum vitae. Proin maximus, enim nec viverra pellentesque, nibh nisl auctor nisi, vel mollis lectus leo sed leo. Maecenas lobortis justo arcu, a bibendum ex gravida sed. Aliquam ut nibh non ex efficitur dapibus. Praesent sollicitudin hendrerit dapibus. Nunc in massa eget risus luctus venenatis non et arcu. Suspendisse vitae nisl ut odio luctus congue a quis velit. Nullam ut eros in ex faucibus ullamcorper.
Suspendisse lobortis ante vel enim consequat egestas. Vestibulum condimentum, felis et consequat mollis, sem massa suscipit nisl, nec feugiat lectus nunc et erat. Sed pulvinar urna vel odio aliquam viverra. Donec congue ipsum justo, accumsan accumsan lorem cursus sed. Suspendisse ac vehicula nisi. Fusce condimentum, nisl non varius sodales, risus justo molestie eros, eget ultricies nibh magna id turpis. Phasellus porttitor, velit ultrices varius finibus, neque erat porta ex, in consectetur elit mauris sed arcu. Vestibulum pharetra felis sapien, ac dignissim quam rhoncus et. Nunc a nunc quis lorem semper blandit id quis lectus. Ut venenatis, arcu quis lobortis luctus, ligula felis commodo orci, non egestas mauris odio sed velit. Nulla facilisi. Praesent viverra, lacus et dictum ultricies, ligula massa tempus lacus, at posuere diam lectus a odio. Pellentesque convallis, odio quis blandit facilisis, ante orci tincidunt justo, eu pulvinar nulla enim quis eros. Morbi eget nibh vehicula, commodo orci vitae, sodales tortor.
