[woocommerce_my_account]
[woocommerce_checkout]
[woocommerce_cart]

This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:

Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)

…or something like this:

The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.

As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!

This page doesn’t do anything except offer you a link to the YouTube Content Creator Playbook in ePub format (v.4). I got frustrated trying to read the PDF on my e-reader and went looking for a friendlier format. I didn’t find one so I converted from the standard PDF into this, YouTube Content Creator Playbook in ePub. It makes for easy reading on your e-reader or tablet with e-reader software installed.

Here’s the link: Download YouTube Content Creator Playbook (v.4) in ePub format

Source: YouTube Content Creator Playbook

Saving that grow with ING Direct

I have been saving with ING for a few years. I have earned almost $1,000 in interest and have saved a nice nest egg as a direct result.

I chose ING because they offer a higher interest rate for savings than other banks plus online tools that look like they were actually created in this millennium. Special mention to the savings goal and mortgage calculator tools.

If ING seems like a good option for you, please consider signing up with my Orange Key. If you open an account with $100 or more using my Orange Key, you’ll receive a $25 bonus and I’ll receive $25 for referring you.

Social Network Icons

[zocial_icons code=”twitter” link=”#”]

[zocial_icons code=”facebook” link=”#”]

[zocial_icons code=”acrobat” link=”#”]

[zocial_icons code=”amazon” link=”#”]

[zocial_icons code=”angellist” link=”#”]

[zocial_icons code=”aol” link=”#”]

[zocial_icons code=”appnet” link=”#”]

[zocial_icons code=”appstore” link=”#”]

[zocial_icons code=”bitbucket” link=”#”]

[zocial_icons code=”bitcoin” link=”#”]

[zocial_icons code=”blogger” link=”#”]

[zocial_icons code=”buffer” link=”#”]

[zocial_icons code=”cloudapp” link=”#”]

[zocial_icons code=”creativecommons” link=”#”]

[zocial_icons code=”delicious” link=”#”]

[zocial_icons code=”digg” link=”#”]

[zocial_icons code=”disqus” link=”#”]

[zocial_icons code=”dribbble” link=”#”]

[zocial_icons code=”dropbox” link=”#”]

[zocial_icons code=”drupal” link=”#”]

[zocial_icons code=”dwolla” link=”#”]

[zocial_icons code=”eventasaurus” link=”#”]

[zocial_icons code=”eventbrite” link=”#”]

[zocial_icons code=”eventful” link=”#”]

[zocial_icons code=”evernote” link=”#”]

[zocial_icons code=”fivehundredpx” link=”#”]

[zocial_icons code=”flattr” link=”#”]

[zocial_icons code=”flickr” link=”#”]

[zocial_icons code=”forrst” link=”#”]

[zocial_icons code=”foursquare” link=”#”]

[zocial_icons code=”github” link=”#”]

[zocial_icons code=”gmail” link=”#”]

[zocial_icons code=”google” link=”#”]

[zocial_icons code=”googleplay” link=”#”]

[zocial_icons code=”googleplus” link=”#”]

[zocial_icons code=”gowalla” link=”#”]

[zocial_icons code=”grooveshark” link=”#”]

[zocial_icons code=”guest” link=”#”]

[zocial_icons code=”html5″ link=”#”]

[zocial_icons code=”instapaper” link=”#”]

[zocial_icons code=”instagram” link=”#”]

[zocial_icons code=”klout” link=”#”]

[zocial_icons code=”itunes” link=”#”]

[zocial_icons code=”lanyrd” link=”#”]

[zocial_icons code=”lastfm” link=”#”]

[zocial_icons code=”linkedin” link=”#”]

[zocial_icons code=”lkdto” link=”#”]

[zocial_icons code=”logmein” link=”#”]

[zocial_icons code=”macstore” link=”#”]

[zocial_icons code=”meetup” link=”#”]

[zocial_icons code=”myspace” link=”#”]

[zocial_icons code=”openid” link=”#”]

[zocial_icons code=”opentable” link=”#”]

[zocial_icons code=”paypal” link=”#”]

[zocial_icons code=”pinboard” link=”#”]

[zocial_icons code=”pinterest” link=”#”]

[zocial_icons code=”plancast” link=”#”]

[zocial_icons code=”plurk” link=”#”]

[zocial_icons code=”pocket” link=”#”]

[zocial_icons code=”podcast” link=”#”]

[zocial_icons code=”posterous” link=”#”]

[zocial_icons code=”print” link=”#”]

[zocial_icons code=”quora” link=”#”]

[zocial_icons code=”reddit” link=”#”]

[zocial_icons code=”rss” link=”#”]

[zocial_icons code=”skype” link=”#”]

[zocial_icons code=”scribd” link=”#”]

[zocial_icons code=”songkick” link=”#”]

[zocial_icons code=”soundcloud” link=”#”]

[zocial_icons code=”spotify” link=”#”]

[zocial_icons code=”stackoverflow” link=”#”]

[zocial_icons code=”statusnet” link=”#”]

[zocial_icons code=”stripe” link=”#”]

[zocial_icons code=”stumbleupon” link=”#”]

[zocial_icons code=”tumblr” link=”#”]

[zocial_icons code=”viadeo” link=”#”]

[zocial_icons code=”vimeo” link=”#”]

[zocial_icons code=”vk” link=”#”]

[zocial_icons code=”weibo” link=”#”]

[zocial_icons code=”wordpress” link=”#”]

[zocial_icons code=”xing” link=”#”]

[zocial_icons code=”yahoo” link=”#”]

[zocial_icons code=”yelp” link=”#”]

[zocial_icons code=”youtube” link=”#”]

[zocial_icons code=”email” link=”#”]

[zocial_icons code=”cart” link=”#”]

[zocial_icons code=”call” link=”#”]

Web Application Icons

Text Editor Icons

Directional Icons

Video Player Icons

Brand Icons

Medical Icons

Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Lead Body Copy

Vivamus sagittis lacus vel augue laoreet rutrum.

<p class="lead">...</p>

Lists
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
<ol>
  <li>...</li>
</ol>
Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Emphasis

SMALL SUB HEAD

[small]SMALL SUB HEAD[/small]

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>
Emphasis Classes

Fusce dapibus, tellus ac cursus commodo.

Etiam porta sem malesuada magna mollis.

Donec ullamcorper nulla non metus auctor.

Aenean eu leo quam. Pellentesque ornare.

Duis mollis, est non commodo luctu, nisi.

[highlight color="#999999"]Fusce dapibus....[/highlight]
[highlight color="#c09853"]Etiam port..[/highlight]
[highlight color="#b94a48"]Donec ullam...[/highlight]
[highlight color="#3a87ad"]Aenean eu leo...[/highlight]
[highlight color="#468847"]Duis mollis...[/highlight]
Address
Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P:
(123) 456-7890

<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr>
 (123) 456-7890
</address>
Abbreviations

<abbr>

An abbreviation of the word attribute is attr.

<abbr title="attribute">attr</abbr>

<abbr class="initialism">

HTML is the best thing since sliced bread.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

The following text is rendered as italicized text.

<em>rendered as italicized text</em>
Description
Description lists
Perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod.
Donec id elit non mi porta gravida.
Malesuada porta
Etiam porta sem malesuada magna mollis.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Responsive devices

BuiltWith Bootstrap

Bootstrap is made to not only look and behave great in the latest desktop browsers, but in tablet and smartphone browsers too. It’s packed with features; a 12-column responsive grid, dozens of components, plugins and more!.

Supported Devices

Bootstrap supports a handful of media queries in a single file to help make your projects more appropriate on different devices and screen resolutions. Here’s what’s included:

Label Layout width Column width Gutter width
Smartphones 480px and below Fluid columns, no fixed widths
Smartphones to tablets 767px and below Fluid columns, no fixed widths
Portrait tablets 768px and above 42px 20px
Default 980px and up 60px 20px
Large display 1200px and up 70px 30px

Default grid system 12 columns with a responsive twist

1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12

The default grid system is a 12-column grid. It also has four responsive variations for various devices and resolutions: phone, tablet portrait, table landscape and small desktops, and large widescreen desktops.

[row]
[column width="1/3"]...[column]
[column width="2/3"]...[column]
[/row]

As shown here, a basic layout can be created with two “columns,” each spanning a number of the 12 foundational columns defined as part of the grid system.

Offsetting Columns

4
4 offset 4
3 offset 3
3 offset 3
8 offset 4
[row]
[column width="1/4"]...[column]
[column width="1/4" class="offset4"]...[column]
[/row]

Nesting Columns

To nest your content, just add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to the number of columns of it’s parent. For example, two nested .span3 columns should be placed within a .span6.

Level 1 of column

Level 2
Level 2
[row]
[column width="1/1"]
Level 1 of column
[row]
[column width="1/2"]Level 2[/column]
[column width="1/2"]Level 2[/column]
[/row]
[/column]
[/row]

Responsive Utility Classes

What Are They

For faster mobile-friendly development, use these basic utility classes for showing and hidding content by device.

When to use

Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device’s presentation.

For example, you might show a <select> element for nav on mobile layouts, but not on tablets or desktops.

Support Classes

Shown here is a table of the classes we support and their effect on a given media query layout (labeled by device). They can be found in responsive.less.

Class Phones 480px and below Tablets 767px and below Desktops 768px and above
.visible-phone Visible
.visible-tablet Visible
.visible-desktop Visible
.hidden-phone Visible Visible
.hidden-tablet Visible Visible
.hidden-desktop Visible Visible