Basic typography

<h5 style="margin: 0;">Basic typography</h5>

Basic typography

<big>Praesent nec magna ac pede. Mauris suscipit mauris. Nam quis erat id tortor. Phasellus at nibh nulla nulla, egestas quam eu tortor orci, id eros. Mauris neque. Pellentesque dolor. Mauris in est. <a href="#">Vivamus lacus sed justo</a>. Aenean ac dignissim nibh. Suspendisse sapien. Donec in faucibus volutpat, velit in leo ultrices posuere ante a nisl. Sed nec magna. Donec enim luctus diam eu mauris. Pellentesque facilisis. Nulla augue a.</big>

Basic typography

Lorem ipsum dolor sit amet augue. <strong>Sed eu sem urna elit</strong>, non odio. Aenean lacus tellus quis ante. Fusce enim. <strike>Aliquam ultricies</strike> porta. Aenean ac eros sed arcu. Mauris nunc posuere cubilia Curae, Nullam et ipsum. Aliquam quis elit. Pellentesque habitant morbi <u>tristique commodo</u>. Suspendisse vitae lectus varius quis, tellus.Donec ullamcorper in, dapibus quam hendrerit eget, bibendum a, bibendum tempus.  <i>Pellentesque ac ipsum</i>. Vestibulum non sem. Mauris purus. Class aptent taciti sociosqu ad litora torquent per inceptos hymenaeos. Sed.

default

Headings

<h2>H2 Heading</h2>
<p>Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>
<h3>H3 Heading</h3>
<p>Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>
<h4>H4 Heading</h4>
<p style="margin: 0;">Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>

Headings

<h5>H5 Heading</h5>
<p>Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>
<h6>H6 Heading</h6>
<p style="margin: 0;">Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>

Dropcap

<h5 style="margin: 0;">Dropcap</h5>

Highlight

<h5 style="margin: 0;">Highlight</h5>

Dropcap

<p>[dropcap background="" color="" circle="0"] A [/dropcap] enean ac dignissim nibh. Suspendisse sapien. Donec in faucibus volutpat, velit in leo ultrices posuere ante a nisl. Sed nec magna. Donec enim luctus diam eu mauris. Pellentesque facilisis. Nulla augue a.</p>

<p style="margin: 0;">[dropcap background="#eee" color="#444" circle="1"] E [/dropcap] issim nibh. Suspendisse sapien. Donec in faucibus volutpat, velit in leo ultrices posuere ante a nisl. Sed nec magna. Donec enim luctus diam eu mauris. Pellentesque facilisis. Nulla au us volutpat, velit in leo ultrices gue a.</p>

Highlights

<p><big>Pellentesque [highlight background="" color="" line="0"]suspendisse sapien[/highlight] tristique commodo. Suspendisse vitae lectus varius quis, tellus.Donec ullamcorper in, dapibus quam [highlight background="" color="" line="1"]hendrerit eget, bibendum a[/highlight], bibendum tempus. Pellentesque ac ipsum. Vestibulum non sem. Mauris purus.</big></p>
<p style="margin: 0;">Aenean ac dignissim nibh donec in faucibus volutpat, velit in leo ultrices posuere ante a nisl. Sed nec magna. Donec [highlight background="#444" color="#fff" line="0"]enim luctus diam[/highlight] eu mauris. Pellentesque facilisis. Nulla augue a. Class aptent taciti sociosqu ad litora torquent per inceptos hymenaeos. Sed</p>

Tooltip

<h5 style="margin: 0;">Tooltip</h5>

Blockquote

<h5 style="margin: 0;">Blockquote</h5>

Tooltip

<p><big>Pellentesque habitant [tooltip hint="Lorem ipsum dolor sit"] morbi tristique [/tooltip] senectus et netus et malesuada fames ac turpis egestas, ultricies eget, tempor sit amet.</big></p>
<p style="margin: 0;">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, [tooltip_image hint="Phasellus fermentum in, dolor. Pellentesque facilisis" image="http://themes.muffingroup.com/betheme/wp-content/uploads/2014/07/home_hosting_photo_box.jpg"] tempor sit amet [/tooltip_image] ante. Donec eu libero sit amet quam egestas semper.</p>

Blockquote

[blockquote author="Thomas McKenzie" link="#" target="_blank"] Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum ... [/blockquote]

Buttons

<h5 style="margin: 0;">Buttons</h5>

Default buttons

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="" large="0" class=""]
<br />
[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="" large="1" class=""]

Default buttons with icons

[button title="Button with icon" icon="icon-layout" icon_position="left" link="" target="_blank" color="" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-basket" icon_position="right" link="" target="_blank" color="" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="" large="0" class=""]

Theme buttons

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="theme" large="0" class=""]
<br />
[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="theme" large="1" class=""]

Theme buttons with icons

[button title="Button with icon" icon="icon-layout" icon_position="left" link="" target="_blank" color="theme" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-basket" icon_position="right" link="" target="_blank" color="theme" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="theme" large="0" class=""]

default

Red

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="red" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="red" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="red" large="0" class=""]

Blue

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]

Turquoise

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]

Yellow

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]

default

Grey

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]

Navy

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]

Orange

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]

Green

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="green" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="green" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="green" large="0" class=""]

Red

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="red" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="red" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="red" large="0" class=""]

Blue

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="blue" large="0" class=""]

Turquoise

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="turquoise" large="0" class=""]

Yellow

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="yellow" large="0" class=""]

default

Grey

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="grey" large="0" class=""]

Navy

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="navy" large="0" class=""]

Orange

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="orange" large="0" class=""]

Green

[button title="Default button" icon="" icon_position="left" link="" target="_blank" color="green" large="0" class=""]
<br />
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="green" large="0" class=""]
<br />
[button title="" icon="icon-heart-fa" icon_position="left" link="" target="_blank" color="green" large="0" class=""]

Fancy links

<h5 style="margin: 0;">Fancy links</h5>

<center>
[fancy_link title="Phasellus" link="#" style="1"] [fancy_link title="Aliquam" link="#" style="1"] [fancy_link title="Quisque" link="#" style="1"]
</center>

2

<center>
[fancy_link title="Phasellus" link="#" style="2"] [fancy_link title="Aliquam" link="#" style="2"] [fancy_link title="Quisque" link="#" style="2"]
</center>

default

3

<center>
[fancy_link title="Phasellus" link="#" style="3"] [fancy_link title="Aliquam" link="#" style="3"] [fancy_link title="Quisque" link="#" style="3"]
</center>

4

<center>
[fancy_link title="Phasellus" link="#" style="4"] [fancy_link title="Aliquam" link="#" style="4"] [fancy_link title="Quisque" link="#" style="4"]
</center>

default

5

<center>
[fancy_link title="Phasellus" link="#" style="5"] [fancy_link title="Aliquam" link="#" style="5"] [fancy_link title="Quisque" link="#" style="5"]
</center>

6

<center>
[fancy_link title="Phasellus" link="#" style="6"] [fancy_link title="Aliquam" link="#" style="6"] [fancy_link title="Quisque" link="#" style="6"]
</center>

default

7

<center>
[fancy_link title="Phasellus" link="#" style="7"] [fancy_link title="Aliquam" link="#" style="7"] [fancy_link title="Quisque" link="#" style="7"]
</center>

8

<center>
[fancy_link title="Phasellus" link="#" style="8"] [fancy_link title="Aliquam" link="#" style="8"] [fancy_link title="Quisque" link="#" style="8"]
</center>

Popup

<h5 style="margin: 0;">Popup</h5>

[popup title="Click to open Popup" padding="20" button="1"][image src="http://themes.muffingroup.com/betheme/wp-content/uploads/2014/07/home_university_tabber_1.jpg" link="#" link_image="#" border="1"][divider height="20"]Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellen tesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.[/popup]

<div style="padding-top: 10px;">[popup title="Click to open Popup" padding="20" button="0"][image src="http://themes.muffingroup.com/betheme/wp-content/uploads/2014/07/home_university_tabber_4.jpg" link="#" link_image="#" border="1"][divider height="20"]Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellen tesque facilisis.[/popup]</div>

Image frames

<h5 style="margin: 0;">Image frames</h5>

http://themes.muffingroup.com/betheme/wp-content/uploads/2014/05/beauty_portfolio_1.jpg

center

http://themes.muffingroup.com/betheme/wp-content/uploads/2014/05/beauty_portfolio_1.jpg

#

Image frame text

<p><big>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Nulla imperdiet sit amet magna. Vestibulum dapibus.</big></p>

<p>Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel.</p>

<p style="margin: 0;">Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient</p>

default

Image frame text

<p><big>Tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus.</big></p>

<p> Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus.</p>

<p style="margin: 0;">Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient</p>

http://themes.muffingroup.com/betheme/wp-content/uploads/2014/05/beauty_portfolio_2.jpg

center

#

default

Image frame text

Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum.

http://themes.muffingroup.com/betheme/wp-content/uploads/2014/05/beauty_portfolio_6.jpg

center

Praesent in libero vel turpis pellen

Forms

<h5 style="margin: 0;">Forms</h5>

Icon block

<h5 style="margin: 0;">Icon block</h5>

Forms

[contact-form-7 id="62" title="Typography forms"]

Icon block

[icon_block icon="icon-camera" align="center" color="" size="40"]

<br />

[icon_block icon="icon-picture" align="center" color="" size="60"]

<br />

[icon_block icon="icon-cog" align="center" color="" size="90"]

Dividers

<h5 style="margin: 0;">Dividers</h5>

Dividers

[hr style="" line="narrow" themecolor="0"]
<br />
[hr style="" line="1" themecolor="0"]
<br />
[hr style="" line="wide" themecolor="0"]
<br />
[hr style="" line="narrow" themecolor="1"]
<br />
[hr style="dots" line="" themecolor="0"]
<br />
[hr style="zigzag" line="" themecolor="0"]

Google fonts

<h5 style="margin: 0;">Google fonts</h5>

Google fonts

<center>
[google_font font="Pompiere" subset="" size="80"] Quisque lorem tortor fringilla sed [/google_font]
<br />
[google_font font="Old Standard TT" subset="" size="23"] Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis [/google_font]
</center>

Alerts

<h5 style="margin: 0;">Alerts</h5>

Alerts

[alert style="warning"] Warning message. This is a <a href="#">sample link</a> [/alert]

[alert style="error"] Error message. This is a <a href="#">sample link</a> [/alert]

[alert style="info"] Info message. This is a <a href="#">sample link</a> [/alert]

[alert style="success"] Success message. This is a <a href="#">sample link</a> [/alert]

Ordered, Unordered & Definition Lists

<h5 style="margin: 0;">Ordered, Unordered & Definition Lists</h5>

Ordered

<ul>
	<li>Lorem ipsum dolor sit amet, consecte cons ectetuer tuer adipi sit amet magna scing elit</li>
	<li>Aliquam tincidunt cons ectetuer mauris eu risus</li>
	<li>Vestibulum auctor dapibus con sectet uer  neque</li>
</ul>

Unordered

<ol>
	<li>Lorem ipsum dolor sit amet, consecte cons ectetuer tuer adipi sit amet magna scing elit</li>
	<li>Aliquam tincidunt cons ectetuer mauris eu risus</li>
	<li>Vestibulum auctor dapibus con sectet uer  neque</li>
</ol>

Definition

<dl>
   <dt>Magna comodo</dt>
   <dd>Consectetur adipisicing elit, sed do</dd>
   <dt>Nullam wisi eu</dt>
   <dd>Quisque lorem tortor fringilla sed.</dd>
   <dt>Auctor dapibus</dt>
   <dd> Ut enim ad minim veniam, quis nostru</dd>
</dl>

Bullets lists

<h5 style="margin: 0;">Bullets lists</h5>

Check list

<ul class="list_check">
	<li>Suspendisse a pellentesque dui, non felis.</li>
	<li>Quisque lorem tortor fringilla sed.</li>
	<li>Quisque cursus et, porttitor risus.</li>
	<li>Nulla ipsum dolor lacus, suscipit adipiscing.</li>
</ul>

Star list

<ul class="list_star">
	<li>Suspendisse a pellentesque dui, non felis.</li>
	<li>Quisque lorem tortor fringilla sed.</li>
	<li>Quisque cursus et, porttitor risus.</li>
	<li>Nulla ipsum dolor lacus, suscipit adipiscing.</li>
</ul>

Idea list

<ul class="list_idea">
	<li>Suspendisse a pellentesque dui, non felis.</li>
	<li>Quisque lorem tortor fringilla sed.</li>
	<li>Quisque cursus et, porttitor risus.</li>
	<li>Nulla ipsum dolor lacus, suscipit adipiscing.</li>
</ul>

Mixed list

<ul class="list_mixed">
	<li class="list_check">Suspendisse a pellentesque dui, non felis.</li>
	<li class="list_star">Quisque lorem tortor fringilla sed.</li>
	<li class="list_idea">Quisque cursus et, porttitor risus.</li>
	<li class="list_check">Nulla ipsum dolor lacus, suscipit adipiscing.</li>
</ul>

Icons

<h5 style="margin: 0;">Icons</h5>

Title

<div class="the-icons span3"><i class="icon-acrobat"></i><span class="i-name">icon-acrobat</span></div>
<div class="the-icons span3"><i class="icon-address"></i><span class="i-name">icon-address</span></div>
<div class="the-icons span3"><i class="icon-adjust"></i><span class="i-name">icon-adjust</span></div>
<div class="the-icons span3"><i class="icon-aim"></i><span class="i-name">icon-aim</span></div>
<div class="the-icons span3"><i class="icon-air"></i><span class="i-name">icon-air</span></div>
<div class="the-icons span3"><i class="icon-alert"></i><span class="i-name">icon-alert</span></div>
<div class="the-icons span3"><i class="icon-amazon"></i><span class="i-name">icon-amazon</span></div>
<div class="the-icons span3"><i class="icon-android"></i><span class="i-name">icon-android</span></div>
<div class="the-icons span3"><i class="icon-angellist"></i><span class="i-name">icon-angellist</span></div>
<div class="the-icons span3"><i class="icon-appnet"></i><span class="i-name">icon-appnet</span></div>
<div class="the-icons span3"><i class="icon-appstore"></i><span class="i-name">icon-appstore</span></div>
<div class="the-icons span3"><i class="icon-archive"></i><span class="i-name">icon-archive</span></div>
<div class="the-icons span3"><i class="icon-arrow-combo"></i><span class="i-name">icon-arrow-combo</span></div>
<div class="the-icons span3"><i class="icon-arrows-ccw"></i><span class="i-name">icon-arrows-ccw</span></div>
<div class="the-icons span3"><i class="icon-attach"></i><span class="i-name">icon-attach</span></div>
<div class="the-icons span3"><i class="icon-attach-line"></i><span class="i-name">icon-attach-line</span></div>
<div class="the-icons span3"><i class="icon-attention"></i><span class="i-name">icon-attention</span></div>
<div class="the-icons span3"><i class="icon-back"></i><span class="i-name">icon-back</span></div>
<div class="the-icons span3"><i class="icon-back-in-time"></i><span class="i-name">icon-back-in-time</span></div>
<div class="the-icons span3"><i class="icon-bag"></i><span class="i-name">icon-bag</span></div>
<div class="the-icons span3"><i class="icon-basket"></i><span class="i-name">icon-basket</span></div>
<div class="the-icons span3"><i class="icon-battery"></i><span class="i-name">icon-battery</span></div>
<div class="the-icons span3"><i class="icon-beaker-line"></i><span class="i-name">icon-beaker-line</span></div>
<div class="the-icons span3"><i class="icon-behance"></i><span class="i-name">icon-behance</span></div>
<div class="the-icons span3"><i class="icon-bell"></i><span class="i-name">icon-bell</span></div>
<div class="the-icons span3"><i class="icon-bitbucket"></i><span class="i-name">icon-bitbucket</span></div>
<div class="the-icons span3"><i class="icon-bitcoin"></i><span class="i-name">icon-bitcoin</span></div>
<div class="the-icons span3"><i class="icon-block"></i><span class="i-name">icon-block</span></div>
<div class="the-icons span3"><i class="icon-blogger"></i><span class="i-name">icon-blogger</span></div>
<div class="the-icons span3"><i class="icon-book"></i><span class="i-name">icon-book</span></div>
<div class="the-icons span3"><i class="icon-book-open"></i><span class="i-name">icon-book-open</span></div>
<div class="the-icons span3"><i class="icon-bookmark"></i><span class="i-name">icon-bookmark</span></div>
<div class="the-icons span3"><i class="icon-bookmarks"></i><span class="i-name">icon-bookmarks</span></div>
<div class="the-icons span3"><i class="icon-box"></i><span class="i-name">icon-box</span></div>
<div class="the-icons span3"><i class="icon-briefcase"></i><span class="i-name">icon-briefcase</span></div>
<div class="the-icons span3"><i class="icon-brush"></i><span class="i-name">icon-brush</span></div>
<div class="the-icons span3"><i class="icon-bucket"></i><span class="i-name">icon-bucket</span></div>
<div class="the-icons span3"><i class="icon-buffer"></i><span class="i-name">icon-buffer</span></div>
<div class="the-icons span3"><i class="icon-calendar"></i><span class="i-name">icon-calendar</span></div>
<div class="the-icons span3"><i class="icon-calendar-line"></i><span class="i-name">icon-calendar-line</span></div>
<div class="the-icons span3"><i class="icon-call"></i><span class="i-name">icon-call</span></div>
<div class="the-icons span3"><i class="icon-camera"></i><span class="i-name">icon-camera</span></div>
<div class="the-icons span3"><i class="icon-camera-line"></i><span class="i-name">icon-camera-line</span></div>
<div class="the-icons span3"><i class="icon-cancel"></i><span class="i-name">icon-cancel</span></div>
<div class="the-icons span3"><i class="icon-cancel-circled"></i><span class="i-name">icon-cancel-circled</span></div>
<div class="the-icons span3"><i class="icon-cancel-squared"></i><span class="i-name">icon-cancel-squared</span></div>
<div class="the-icons span3"><i class="icon-cart"></i><span class="i-name">icon-cart</span></div>
<div class="the-icons span3"><i class="icon-cc"></i><span class="i-name">icon-cc</span></div>
<div class="the-icons span3"><i class="icon-cc-by"></i><span class="i-name">icon-cc-by</span></div>
<div class="the-icons span3"><i class="icon-cc-nc"></i><span class="i-name">icon-cc-nc</span></div>
<div class="the-icons span3"><i class="icon-cc-nc-eu"></i><span class="i-name">icon-cc-nc-eu</span></div>
<div class="the-icons span3"><i class="icon-cc-nc-jp"></i><span class="i-name">icon-cc-nc-jp</span></div>
<div class="the-icons span3"><i class="icon-cc-nd"></i><span class="i-name">icon-cc-nd</span></div>
<div class="the-icons span3"><i class="icon-cc-pd"></i><span class="i-name">icon-cc-pd</span></div>
<div class="the-icons span3"><i class="icon-cc-remix"></i><span class="i-name">icon-cc-remix</span></div>
<div class="the-icons span3"><i class="icon-cc-sa"></i><span class="i-name">icon-cc-sa</span></div>
<div class="the-icons span3"><i class="icon-cc-share"></i><span class="i-name">icon-cc-share</span></div>
<div class="the-icons span3"><i class="icon-cc-zero"></i><span class="i-name">icon-cc-zero</span></div>
<div class="the-icons span3"><i class="icon-ccw"></i><span class="i-name">icon-ccw</span></div>
<div class="the-icons span3"><i class="icon-cd"></i><span class="i-name">icon-cd</span></div>
<div class="the-icons span3"><i class="icon-cd-line"></i><span class="i-name">icon-cd-line</span></div>
<div class="the-icons span3"><i class="icon-chart-area"></i><span class="i-name">icon-chart-area</span></div>
<div class="the-icons span3"><i class="icon-chart-bar"></i><span class="i-name">icon-chart-bar</span></div>
<div class="the-icons span3"><i class="icon-chart-line"></i><span class="i-name">icon-chart-line</span></div>
<div class="the-icons span3"><i class="icon-chart-pie"></i><span class="i-name">icon-chart-pie</span></div>
<div class="the-icons span3"><i class="icon-chat"></i><span class="i-name">icon-chat</span></div>
<div class="the-icons span3"><i class="icon-check"></i><span class="i-name">icon-check</span></div>
<div class="the-icons span3"><i class="icon-chrome"></i><span class="i-name">icon-chrome</span></div>
<div class="the-icons span3"><i class="icon-clipboard"></i><span class="i-name">icon-clipboard</span></div>
<div class="the-icons span3"><i class="icon-clock"></i><span class="i-name">icon-clock</span></div>
<div class="the-icons span3"><i class="icon-clock-line"></i><span class="i-name">icon-clock-line</span></div>
<div class="the-icons span3"><i class="icon-cloud"></i><span class="i-name">icon-cloud</span></div>
<div class="the-icons span3"><i class="icon-cloud-line"></i><span class="i-name">icon-cloud-line</span></div>
<div class="the-icons span3"><i class="icon-cloud-thunder"></i><span class="i-name">icon-cloud-thunder</span></div>
<div class="the-icons span3"><i class="icon-cloudapp"></i><span class="i-name">icon-cloudapp</span></div>
<div class="the-icons span3"><i class="icon-code"></i><span class="i-name">icon-code</span></div>
<div class="the-icons span3"><i class="icon-cog"></i><span class="i-name">icon-cog</span></div>
<div class="the-icons span3"><i class="icon-cog-line"></i><span class="i-name">icon-cog-line</span></div>
<div class="the-icons span3"><i class="icon-comment-empty-fa"></i><span class="i-name">icon-comment-empty-fa</span></div>
<div class="the-icons span3"><i class="icon-comment-fa"></i><span class="i-name">icon-comment-fa</span></div>
<div class="the-icons span3"><i class="icon-comment-line"></i><span class="i-name">icon-comment-line</span></div>
<div class="the-icons span3"><i class="icon-compass"></i><span class="i-name">icon-compass</span></div>
<div class="the-icons span3"><i class="icon-credit-card"></i><span class="i-name">icon-credit-card</span></div>
<div class="the-icons span3"><i class="icon-cup"></i><span class="i-name">icon-cup</span></div>
<div class="the-icons span3"><i class="icon-cup-line"></i><span class="i-name">icon-cup-line</span></div>
<div class="the-icons span3"><i class="icon-cw"></i><span class="i-name">icon-cw</span></div>
<div class="the-icons span3"><i class="icon-database"></i><span class="i-name">icon-database</span></div>
<div class="the-icons span3"><i class="icon-database-line"></i><span class="i-name">icon-database-line</span></div>
<div class="the-icons span3"><i class="icon-db-shape"></i><span class="i-name">icon-db-shape</span></div>
<div class="the-icons span3"><i class="icon-delicious"></i><span class="i-name">icon-delicious</span></div>
<div class="the-icons span3"><i class="icon-desktop-line"></i><span class="i-name">icon-desktop-line</span></div>
<div class="the-icons span3"><i class="icon-diamond-line"></i><span class="i-name">icon-diamond-line</span></div>
<div class="the-icons span3"><i class="icon-digg"></i><span class="i-name">icon-digg</span></div>
<div class="the-icons span3"><i class="icon-direction"></i><span class="i-name">icon-direction</span></div>
<div class="the-icons span3"><i class="icon-disqus"></i><span class="i-name">icon-disqus</span></div>
<div class="the-icons span3"><i class="icon-doc"></i><span class="i-name">icon-doc</span></div>
<div class="the-icons span3"><i class="icon-doc-landscape"></i><span class="i-name">icon-doc-landscape</span></div>
<div class="the-icons span3"><i class="icon-doc-line"></i><span class="i-name">icon-doc-line</span></div>
<div class="the-icons span3"><i class="icon-doc-text"></i><span class="i-name">icon-doc-text</span></div>
<div class="the-icons span3"><i class="icon-doc-text-inv"></i><span class="i-name">icon-doc-text-inv</span></div>
<div class="the-icons span3"><i class="icon-docs"></i><span class="i-name">icon-docs</span></div>
<div class="the-icons span3"><i class="icon-dot"></i><span class="i-name">icon-dot</span></div>
<div class="the-icons span3"><i class="icon-dot-2"></i><span class="i-name">icon-dot-2</span></div>
<div class="the-icons span3"><i class="icon-dot-3"></i><span class="i-name">icon-dot-3</span></div>
<div class="the-icons span3"><i class="icon-down"></i><span class="i-name">icon-down</span></div>
<div class="the-icons span3"><i class="icon-down-bold"></i><span class="i-name">icon-down-bold</span></div>
<div class="the-icons span3"><i class="icon-down-circled"></i><span class="i-name">icon-down-circled</span></div>
<div class="the-icons span3"><i class="icon-down-dir"></i><span class="i-name">icon-down-dir</span></div>
<div class="the-icons span3"><i class="icon-down-open"></i><span class="i-name">icon-down-open</span></div>
<div class="the-icons span3"><i class="icon-down-open-big"></i><span class="i-name">icon-down-open-big</span></div>
<div class="the-icons span3"><i class="icon-down-open-mini"></i><span class="i-name">icon-down-open-mini</span></div>
<div class="the-icons span3"><i class="icon-down-thin"></i><span class="i-name">icon-down-thin</span></div>
<div class="the-icons span3"><i class="icon-download"></i><span class="i-name">icon-download</span></div>
<div class="the-icons span3"><i class="icon-dribbble"></i><span class="i-name">icon-dribbble</span></div>
<div class="the-icons span3"><i class="icon-dribbble-circled"></i><span class="i-name">icon-dribbble-circled</span></div>
<div class="the-icons span3"><i class="icon-drive"></i><span class="i-name">icon-drive</span></div>
<div class="the-icons span3"><i class="icon-dropbox"></i><span class="i-name">icon-dropbox</span></div>
<div class="the-icons span3"><i class="icon-droplet"></i><span class="i-name">icon-droplet</span></div>
<div class="the-icons span3"><i class="icon-drupal"></i><span class="i-name">icon-drupal</span></div>
<div class="the-icons span3"><i class="icon-duckduckgo"></i><span class="i-name">icon-duckduckgo</span></div>
<div class="the-icons span3"><i class="icon-dwolla"></i><span class="i-name">icon-dwolla</span></div>
<div class="the-icons span3"><i class="icon-ebay"></i><span class="i-name">icon-ebay</span></div>
<div class="the-icons span3"><i class="icon-email"></i><span class="i-name">icon-email</span></div>
<div class="the-icons span3"><i class="icon-erase"></i><span class="i-name">icon-erase</span></div>
<div class="the-icons span3"><i class="icon-eventasaurus"></i><span class="i-name">icon-eventasaurus</span></div>
<div class="the-icons span3"><i class="icon-eventbrite"></i><span class="i-name">icon-eventbrite</span></div>
<div class="the-icons span3"><i class="icon-eventful"></i><span class="i-name">icon-eventful</span></div>
<div class="the-icons span3"><i class="icon-evernote"></i><span class="i-name">icon-evernote</span></div>
<div class="the-icons span3"><i class="icon-export"></i><span class="i-name">icon-export</span></div>
<div class="the-icons span3"><i class="icon-eye"></i><span class="i-name">icon-eye</span></div>
<div class="the-icons span3"><i class="icon-eye-line"></i><span class="i-name">icon-eye-line</span></div>
<div class="the-icons span3"><i class="icon-facebook"></i><span class="i-name">icon-facebook</span></div>
<div class="the-icons span3"><i class="icon-facebook-circled"></i><span class="i-name">icon-facebook-circled</span></div>
<div class="the-icons span3"><i class="icon-facebook-squared"></i><span class="i-name">icon-facebook-squared</span></div>
<div class="the-icons span3"><i class="icon-fast-backward"></i><span class="i-name">icon-fast-backward</span></div>
<div class="the-icons span3"><i class="icon-fast-forward"></i><span class="i-name">icon-fast-forward</span></div>
<div class="the-icons span3"><i class="icon-feather"></i><span class="i-name">icon-feather</span></div>
<div class="the-icons span3"><i class="icon-fire-line"></i><span class="i-name">icon-fire-line</span></div>
<div class="the-icons span3"><i class="icon-fivehundredpx"></i><span class="i-name">icon-fivehundredpx</span></div>
<div class="the-icons span3"><i class="icon-flag"></i><span class="i-name">icon-flag</span></div>
<div class="the-icons span3"><i class="icon-flash"></i><span class="i-name">icon-flash</span></div>
<div class="the-icons span3"><i class="icon-flashlight"></i><span class="i-name">icon-flashlight</span></div>
<div class="the-icons span3"><i class="icon-flattr"></i><span class="i-name">icon-flattr</span></div>
<div class="the-icons span3"><i class="icon-flickr"></i><span class="i-name">icon-flickr</span></div>
<div class="the-icons span3"><i class="icon-flickr-circled"></i><span class="i-name">icon-flickr-circled</span></div>
<div class="the-icons span3"><i class="icon-flight"></i><span class="i-name">icon-flight</span></div>
<div class="the-icons span3"><i class="icon-floppy"></i><span class="i-name">icon-floppy</span></div>
<div class="the-icons span3"><i class="icon-flow-branch"></i><span class="i-name">icon-flow-branch</span></div>
<div class="the-icons span3"><i class="icon-flow-cascade"></i><span class="i-name">icon-flow-cascade</span></div>
<div class="the-icons span3"><i class="icon-flow-line"></i><span class="i-name">icon-flow-line</span></div>
<div class="the-icons span3"><i class="icon-flow-parallel"></i><span class="i-name">icon-flow-parallel</span></div>
<div class="the-icons span3"><i class="icon-flow-tree"></i><span class="i-name">icon-flow-tree</span></div>
<div class="the-icons span3"><i class="icon-folder"></i><span class="i-name">icon-folder</span></div>
<div class="the-icons span3"><i class="icon-food-line"></i><span class="i-name">icon-food-line</span></div>
<div class="the-icons span3"><i class="icon-forrst"></i><span class="i-name">icon-forrst</span></div>
<div class="the-icons span3"><i class="icon-forward"></i><span class="i-name">icon-forward</span></div>
<div class="the-icons span3"><i class="icon-foursquare"></i><span class="i-name">icon-foursquare</span></div>
<div class="the-icons span3"><i class="icon-gauge"></i><span class="i-name">icon-gauge</span></div>
<div class="the-icons span3"><i class="icon-github"></i><span class="i-name">icon-github</span></div>
<div class="the-icons span3"><i class="icon-github-circled"></i><span class="i-name">icon-github-circled</span></div>
<div class="the-icons span3"><i class="icon-globe"></i><span class="i-name">icon-globe</span></div>
<div class="the-icons span3"><i class="icon-globe-line"></i><span class="i-name">icon-globe-line</span></div>
<div class="the-icons span3"><i class="icon-gmail"></i><span class="i-name">icon-gmail</span></div>
<div class="the-icons span3"><i class="icon-google"></i><span class="i-name">icon-google</span></div>
<div class="the-icons span3"><i class="icon-google-circles"></i><span class="i-name">icon-google-circles</span></div>
<div class="the-icons span3"><i class="icon-googleplay"></i><span class="i-name">icon-googleplay</span></div>
<div class="the-icons span3"><i class="icon-gowalla"></i><span class="i-name">icon-gowalla</span></div>
<div class="the-icons span3"><i class="icon-gplus"></i><span class="i-name">icon-gplus</span></div>
<div class="the-icons span3"><i class="icon-gplus-circled"></i><span class="i-name">icon-gplus-circled</span></div>
<div class="the-icons span3"><i class="icon-graduation-cap"></i><span class="i-name">icon-graduation-cap</span></div>
<div class="the-icons span3"><i class="icon-graduation-cap-line"></i><span class="i-name">icon-graduation-cap-line</span></div>
<div class="the-icons span3"><i class="icon-grooveshark"></i><span class="i-name">icon-grooveshark</span></div>
<div class="the-icons span3"><i class="icon-guest"></i><span class="i-name">icon-guest</span></div>
<div class="the-icons span3"><i class="icon-hackernews"></i><span class="i-name">icon-hackernews</span></div>
<div class="the-icons span3"><i class="icon-heart-empty-fa"></i><span class="i-name">icon-heart-empty-fa</span></div>
<div class="the-icons span3"><i class="icon-heart-fa"></i><span class="i-name">icon-heart-fa</span></div>
<div class="the-icons span3"><i class="icon-heart-line"></i><span class="i-name">icon-heart-line</span></div>
<div class="the-icons span3"><i class="icon-help"></i><span class="i-name">icon-help</span></div>
<div class="the-icons span3"><i class="icon-help-circled"></i><span class="i-name">icon-help-circled</span></div>
<div class="the-icons span3"><i class="icon-home"></i><span class="i-name">icon-home</span></div>
<div class="the-icons span3"><i class="icon-hourglass"></i><span class="i-name">icon-hourglass</span></div>
<div class="the-icons span3"><i class="icon-html5"></i><span class="i-name">icon-html5</span></div>
<div class="the-icons span3"><i class="icon-ie"></i><span class="i-name">icon-ie</span></div>
<div class="the-icons span3"><i class="icon-inbox"></i><span class="i-name">icon-inbox</span></div>
<div class="the-icons span3"><i class="icon-inbox-line"></i><span class="i-name">icon-inbox-line</span></div>
<div class="the-icons span3"><i class="icon-infinity"></i><span class="i-name">icon-infinity</span></div>
<div class="the-icons span3"><i class="icon-info"></i><span class="i-name">icon-info</span></div>
<div class="the-icons span3"><i class="icon-info-circled"></i><span class="i-name">icon-info-circled</span></div>
<div class="the-icons span3"><i class="icon-instagram"></i><span class="i-name">icon-instagram</span></div>
<div class="the-icons span3"><i class="icon-install"></i><span class="i-name">icon-install</span></div>
<div class="the-icons span3"><i class="icon-instapaper"></i><span class="i-name">icon-instapaper</span></div>
<div class="the-icons span3"><i class="icon-intensedebate"></i><span class="i-name">icon-intensedebate</span></div>
<div class="the-icons span3"><i class="icon-itunes"></i><span class="i-name">icon-itunes</span></div>
<div class="the-icons span3"><i class="icon-key"></i><span class="i-name">icon-key</span></div>
<div class="the-icons span3"><i class="icon-key-line"></i><span class="i-name">icon-key-line</span></div>
<div class="the-icons span3"><i class="icon-keyboard"></i><span class="i-name">icon-keyboard</span></div>
<div class="the-icons span3"><i class="icon-klout"></i><span class="i-name">icon-klout</span></div>
<div class="the-icons span3"><i class="icon-lamp"></i><span class="i-name">icon-lamp</span></div>
<div class="the-icons span3"><i class="icon-language"></i><span class="i-name">icon-language</span></div>
<div class="the-icons span3"><i class="icon-lanyrd"></i><span class="i-name">icon-lanyrd</span></div>
<div class="the-icons span3"><i class="icon-lastfm"></i><span class="i-name">icon-lastfm</span></div>
<div class="the-icons span3"><i class="icon-lastfm-circled"></i><span class="i-name">icon-lastfm-circled</span></div>
<div class="the-icons span3"><i class="icon-layout"></i><span class="i-name">icon-layout</span></div>
<div class="the-icons span3"><i class="icon-leaf"></i><span class="i-name">icon-leaf</span></div>
<div class="the-icons span3"><i class="icon-left"></i><span class="i-name">icon-left</span></div>
<div class="the-icons span3"><i class="icon-left-bold"></i><span class="i-name">icon-left-bold</span></div>
<div class="the-icons span3"><i class="icon-left-circled"></i><span class="i-name">icon-left-circled</span></div>
<div class="the-icons span3"><i class="icon-left-dir"></i><span class="i-name">icon-left-dir</span></div>
<div class="the-icons span3"><i class="icon-left-open"></i><span class="i-name">icon-left-open</span></div>
<div class="the-icons span3"><i class="icon-left-open-big"></i><span class="i-name">icon-left-open-big</span></div>
<div class="the-icons span3"><i class="icon-left-open-mini"></i><span class="i-name">icon-left-open-mini</span></div>
<div class="the-icons span3"><i class="icon-left-thin"></i><span class="i-name">icon-left-thin</span></div>
<div class="the-icons span3"><i class="icon-lego"></i><span class="i-name">icon-lego</span></div>
<div class="the-icons span3"><i class="icon-level-down"></i><span class="i-name">icon-level-down</span></div>
<div class="the-icons span3"><i class="icon-level-up"></i><span class="i-name">icon-level-up</span></div>
<div class="the-icons span3"><i class="icon-lifebuoy"></i><span class="i-name">icon-lifebuoy</span></div>
<div class="the-icons span3"><i class="icon-light-down"></i><span class="i-name">icon-light-down</span></div>
<div class="the-icons span3"><i class="icon-light-up"></i><span class="i-name">icon-light-up</span></div>
<div class="the-icons span3"><i class="icon-lightbulb-line"></i><span class="i-name">icon-lightbulb-line</span></div>
<div class="the-icons span3"><i class="icon-link"></i><span class="i-name">icon-link</span></div>
<div class="the-icons span3"><i class="icon-linkedin"></i><span class="i-name">icon-linkedin</span></div>
<div class="the-icons span3"><i class="icon-linkedin-circled"></i><span class="i-name">icon-linkedin-circled</span></div>
<div class="the-icons span3"><i class="icon-list"></i><span class="i-name">icon-list</span></div>
<div class="the-icons span3"><i class="icon-list-add"></i><span class="i-name">icon-list-add</span></div>
<div class="the-icons span3"><i class="icon-lkdto"></i><span class="i-name">icon-lkdto</span></div>
<div class="the-icons span3"><i class="icon-location"></i><span class="i-name">icon-location</span></div>
<div class="the-icons span3"><i class="icon-location-line"></i><span class="i-name">icon-location-line</span></div>
<div class="the-icons span3"><i class="icon-lock"></i><span class="i-name">icon-lock</span></div>
<div class="the-icons span3"><i class="icon-lock-line"></i><span class="i-name">icon-lock-line</span></div>
<div class="the-icons span3"><i class="icon-lock-open"></i><span class="i-name">icon-lock-open</span></div>
<div class="the-icons span3"><i class="icon-login"></i><span class="i-name">icon-login</span></div>
<div class="the-icons span3"><i class="icon-logo-db"></i><span class="i-name">icon-logo-db</span></div>
<div class="the-icons span3"><i class="icon-logout"></i><span class="i-name">icon-logout</span></div>
<div class="the-icons span3"><i class="icon-loop"></i><span class="i-name">icon-loop</span></div>
<div class="the-icons span3"><i class="icon-macstore"></i><span class="i-name">icon-macstore</span></div>
<div class="the-icons span3"><i class="icon-magnet"></i><span class="i-name">icon-magnet</span></div>
<div class="the-icons span3"><i class="icon-mail"></i><span class="i-name">icon-mail</span></div>
<div class="the-icons span3"><i class="icon-mail-line"></i><span class="i-name">icon-mail-line</span></div>
<div class="the-icons span3"><i class="icon-map"></i><span class="i-name">icon-map</span></div>
<div class="the-icons span3"><i class="icon-meetup"></i><span class="i-name">icon-meetup</span></div>
<div class="the-icons span3"><i class="icon-megaphone"></i><span class="i-name">icon-megaphone</span></div>
<div class="the-icons span3"><i class="icon-megaphone-line"></i><span class="i-name">icon-megaphone-line</span></div>
<div class="the-icons span3"><i class="icon-menu"></i><span class="i-name">icon-menu</span></div>
<div class="the-icons span3"><i class="icon-mic"></i><span class="i-name">icon-mic</span></div>
<div class="the-icons span3"><i class="icon-minus"></i><span class="i-name">icon-minus</span></div>
<div class="the-icons span3"><i class="icon-minus-circled"></i><span class="i-name">icon-minus-circled</span></div>
<div class="the-icons span3"><i class="icon-minus-squared"></i><span class="i-name">icon-minus-squared</span></div>
<div class="the-icons span3"><i class="icon-mixi"></i><span class="i-name">icon-mixi</span></div>
<div class="the-icons span3"><i class="icon-mobile"></i><span class="i-name">icon-mobile</span></div>
<div class="the-icons span3"><i class="icon-mobile-line"></i><span class="i-name">icon-mobile-line</span></div>
<div class="the-icons span3"><i class="icon-money-line"></i><span class="i-name">icon-money-line</span></div>
<div class="the-icons span3"><i class="icon-monitor"></i><span class="i-name">icon-monitor</span></div>
<div class="the-icons span3"><i class="icon-moon"></i><span class="i-name">icon-moon</span></div>
<div class="the-icons span3"><i class="icon-mouse"></i><span class="i-name">icon-mouse</span></div>
<div class="the-icons span3"><i class="icon-music"></i><span class="i-name">icon-music</span></div>
<div class="the-icons span3"><i class="icon-music-line"></i><span class="i-name">icon-music-line</span></div>
<div class="the-icons span3"><i class="icon-mute"></i><span class="i-name">icon-mute</span></div>
<div class="the-icons span3"><i class="icon-myspace"></i><span class="i-name">icon-myspace</span></div>
<div class="the-icons span3"><i class="icon-network"></i><span class="i-name">icon-network</span></div>
<div class="the-icons span3"><i class="icon-newspaper"></i><span class="i-name">icon-newspaper</span></div>
<div class="the-icons span3"><i class="icon-ninetyninedesigns"></i><span class="i-name">icon-ninetyninedesigns</span></div>
<div class="the-icons span3"><i class="icon-note"></i><span class="i-name">icon-note</span></div>
<div class="the-icons span3"><i class="icon-note-beamed"></i><span class="i-name">icon-note-beamed</span></div>
<div class="the-icons span3"><i class="icon-note-line"></i><span class="i-name">icon-note-line</span></div>
<div class="the-icons span3"><i class="icon-openid"></i><span class="i-name">icon-openid</span></div>
<div class="the-icons span3"><i class="icon-opentable"></i><span class="i-name">icon-opentable</span></div>
<div class="the-icons span3"><i class="icon-palette"></i><span class="i-name">icon-palette</span></div>
<div class="the-icons span3"><i class="icon-paper-plane"></i><span class="i-name">icon-paper-plane</span></div>
<div class="the-icons span3"><i class="icon-paper-plane-line"></i><span class="i-name">icon-paper-plane-line</span></div>
<div class="the-icons span3"><i class="icon-params-line"></i><span class="i-name">icon-params-line</span></div>
<div class="the-icons span3"><i class="icon-pause"></i><span class="i-name">icon-pause</span></div>
<div class="the-icons span3"><i class="icon-paypal"></i><span class="i-name">icon-paypal</span></div>
<div class="the-icons span3"><i class="icon-pencil"></i><span class="i-name">icon-pencil</span></div>
<div class="the-icons span3"><i class="icon-pencil-line"></i><span class="i-name">icon-pencil-line</span></div>
<div class="the-icons span3"><i class="icon-phone"></i><span class="i-name">icon-phone</span></div>
<div class="the-icons span3"><i class="icon-photo-line"></i><span class="i-name">icon-photo-line</span></div>
<div class="the-icons span3"><i class="icon-picasa"></i><span class="i-name">icon-picasa</span></div>
<div class="the-icons span3"><i class="icon-picture"></i><span class="i-name">icon-picture</span></div>
<div class="the-icons span3"><i class="icon-pinboard"></i><span class="i-name">icon-pinboard</span></div>
<div class="the-icons span3"><i class="icon-pinterest"></i><span class="i-name">icon-pinterest</span></div>
<div class="the-icons span3"><i class="icon-pinterest-circled"></i><span class="i-name">icon-pinterest-circled</span></div>
<div class="the-icons span3"><i class="icon-plancast"></i><span class="i-name">icon-plancast</span></div>
<div class="the-icons span3"><i class="icon-play"></i><span class="i-name">icon-play</span></div>
<div class="the-icons span3"><i class="icon-plurk"></i><span class="i-name">icon-plurk</span></div>
<div class="the-icons span3"><i class="icon-plus"></i><span class="i-name">icon-plus</span></div>
<div class="the-icons span3"><i class="icon-plus-circled"></i><span class="i-name">icon-plus-circled</span></div>
<div class="the-icons span3"><i class="icon-plus-squared"></i><span class="i-name">icon-plus-squared</span></div>
<div class="the-icons span3"><i class="icon-pocket"></i><span class="i-name">icon-pocket</span></div>
<div class="the-icons span3"><i class="icon-podcast"></i><span class="i-name">icon-podcast</span></div>
<div class="the-icons span3"><i class="icon-popup"></i><span class="i-name">icon-popup</span></div>
<div class="the-icons span3"><i class="icon-posterous"></i><span class="i-name">icon-posterous</span></div>
<div class="the-icons span3"><i class="icon-print"></i><span class="i-name">icon-print</span></div>
<div class="the-icons span3"><i class="icon-progress-0"></i><span class="i-name">icon-progress-0</span></div>
<div class="the-icons span3"><i class="icon-progress-1"></i><span class="i-name">icon-progress-1</span></div>
<div class="the-icons span3"><i class="icon-progress-2"></i><span class="i-name">icon-progress-2</span></div>
<div class="the-icons span3"><i class="icon-progress-3"></i><span class="i-name">icon-progress-3</span></div>
<div class="the-icons span3"><i class="icon-publish"></i><span class="i-name">icon-publish</span></div>
<div class="the-icons span3"><i class="icon-qq"></i><span class="i-name">icon-qq</span></div>
<div class="the-icons span3"><i class="icon-quora"></i><span class="i-name">icon-quora</span></div>
<div class="the-icons span3"><i class="icon-quote"></i><span class="i-name">icon-quote</span></div>
<div class="the-icons span3"><i class="icon-rdio"></i><span class="i-name">icon-rdio</span></div>
<div class="the-icons span3"><i class="icon-rdio-circled"></i><span class="i-name">icon-rdio-circled</span></div>
<div class="the-icons span3"><i class="icon-record"></i><span class="i-name">icon-record</span></div>
<div class="the-icons span3"><i class="icon-reddit"></i><span class="i-name">icon-reddit</span></div>
<div class="the-icons span3"><i class="icon-renren"></i><span class="i-name">icon-renren</span></div>
<div class="the-icons span3"><i class="icon-reply"></i><span class="i-name">icon-reply</span></div>
<div class="the-icons span3"><i class="icon-reply-all"></i><span class="i-name">icon-reply-all</span></div>
<div class="the-icons span3"><i class="icon-resize-full"></i><span class="i-name">icon-resize-full</span></div>
<div class="the-icons span3"><i class="icon-resize-small"></i><span class="i-name">icon-resize-small</span></div>
<div class="the-icons span3"><i class="icon-retweet"></i><span class="i-name">icon-retweet</span></div>
<div class="the-icons span3"><i class="icon-right"></i><span class="i-name">icon-right</span></div>
<div class="the-icons span3"><i class="icon-right-bold"></i><span class="i-name">icon-right-bold</span></div>
<div class="the-icons span3"><i class="icon-right-circled"></i><span class="i-name">icon-right-circled</span></div>
<div class="the-icons span3"><i class="icon-right-dir"></i><span class="i-name">icon-right-dir</span></div>
<div class="the-icons span3"><i class="icon-right-open"></i><span class="i-name">icon-right-open</span></div>
<div class="the-icons span3"><i class="icon-right-open-big"></i><span class="i-name">icon-right-open-big</span></div>
<div class="the-icons span3"><i class="icon-right-open-mini"></i><span class="i-name">icon-right-open-mini</span></div>
<div class="the-icons span3"><i class="icon-right-thin"></i><span class="i-name">icon-right-thin</span></div>
<div class="the-icons span3"><i class="icon-rocket"></i><span class="i-name">icon-rocket</span></div>
<div class="the-icons span3"><i class="icon-rss"></i><span class="i-name">icon-rss</span></div>
<div class="the-icons span3"><i class="icon-scribd"></i><span class="i-name">icon-scribd</span></div>
<div class="the-icons span3"><i class="icon-search"></i><span class="i-name">icon-search</span></div>
<div class="the-icons span3"><i class="icon-search-line"></i><span class="i-name">icon-search-line</span></div>
<div class="the-icons span3"><i class="icon-share"></i><span class="i-name">icon-share</span></div>
<div class="the-icons span3"><i class="icon-shareable"></i><span class="i-name">icon-shareable</span></div>
<div class="the-icons span3"><i class="icon-shop-line"></i><span class="i-name">icon-shop-line</span></div>
<div class="the-icons span3"><i class="icon-shuffle"></i><span class="i-name">icon-shuffle</span></div>
<div class="the-icons span3"><i class="icon-signal"></i><span class="i-name">icon-signal</span></div>
<div class="the-icons span3"><i class="icon-sina-weibo"></i><span class="i-name">icon-sina-weibo</span></div>
<div class="the-icons span3"><i class="icon-skype"></i><span class="i-name">icon-skype</span></div>
<div class="the-icons span3"><i class="icon-skype-circled"></i><span class="i-name">icon-skype-circled</span></div>
<div class="the-icons span3"><i class="icon-smashing"></i><span class="i-name">icon-smashing</span></div>
<div class="the-icons span3"><i class="icon-smashmag"></i><span class="i-name">icon-smashmag</span></div>
<div class="the-icons span3"><i class="icon-songkick"></i><span class="i-name">icon-songkick</span></div>
<div class="the-icons span3"><i class="icon-sound"></i><span class="i-name">icon-sound</span></div>
<div class="the-icons span3"><i class="icon-sound-line"></i><span class="i-name">icon-sound-line</span></div>
<div class="the-icons span3"><i class="icon-soundcloud"></i><span class="i-name">icon-soundcloud</span></div>
<div class="the-icons span3"><i class="icon-spotify"></i><span class="i-name">icon-spotify</span></div>
<div class="the-icons span3"><i class="icon-spotify-circled"></i><span class="i-name">icon-spotify-circled</span></div>
<div class="the-icons span3"><i class="icon-stackoverflow"></i><span class="i-name">icon-stackoverflow</span></div>
<div class="the-icons span3"><i class="icon-star"></i><span class="i-name">icon-star</span></div>
<div class="the-icons span3"><i class="icon-star-empty"></i><span class="i-name">icon-star-empty</span></div>
<div class="the-icons span3"><i class="icon-star-line"></i><span class="i-name">icon-star-line</span></div>
<div class="the-icons span3"><i class="icon-statusnet"></i><span class="i-name">icon-statusnet</span></div>
<div class="the-icons span3"><i class="icon-steam"></i><span class="i-name">icon-steam</span></div>
<div class="the-icons span3"><i class="icon-stop"></i><span class="i-name">icon-stop</span></div>
<div class="the-icons span3"><i class="icon-stripe"></i><span class="i-name">icon-stripe</span></div>
<div class="the-icons span3"><i class="icon-stumbleupon"></i><span class="i-name">icon-stumbleupon</span></div>
<div class="the-icons span3"><i class="icon-stumbleupon-circled"></i><span class="i-name">icon-stumbleupon-circled</span></div>
<div class="the-icons span3"><i class="icon-suitcase"></i><span class="i-name">icon-suitcase</span></div>
<div class="the-icons span3"><i class="icon-sweden"></i><span class="i-name">icon-sweden</span></div>
<div class="the-icons span3"><i class="icon-switch"></i><span class="i-name">icon-switch</span></div>
<div class="the-icons span3"><i class="icon-t-shirt-line"></i><span class="i-name">icon-t-shirt-line</span></div>
<div class="the-icons span3"><i class="icon-tag"></i><span class="i-name">icon-tag</span></div>
<div class="the-icons span3"><i class="icon-tag-line"></i><span class="i-name">icon-tag-line</span></div>
<div class="the-icons span3"><i class="icon-tape"></i><span class="i-name">icon-tape</span></div>
<div class="the-icons span3"><i class="icon-target"></i><span class="i-name">icon-target</span></div>
<div class="the-icons span3"><i class="icon-thermometer"></i><span class="i-name">icon-thermometer</span></div>
<div class="the-icons span3"><i class="icon-thumbs-down"></i><span class="i-name">icon-thumbs-down</span></div>
<div class="the-icons span3"><i class="icon-thumbs-up"></i><span class="i-name">icon-thumbs-up</span></div>
<div class="the-icons span3"><i class="icon-thumbs-up-line"></i><span class="i-name">icon-thumbs-up-line</span></div>
<div class="the-icons span3"><i class="icon-ticket"></i><span class="i-name">icon-ticket</span></div>
<div class="the-icons span3"><i class="icon-to-end"></i><span class="i-name">icon-to-end</span></div>
<div class="the-icons span3"><i class="icon-to-start"></i><span class="i-name">icon-to-start</span></div>
<div class="the-icons span3"><i class="icon-tools"></i><span class="i-name">icon-tools</span></div>
<div class="the-icons span3"><i class="icon-traffic-cone"></i><span class="i-name">icon-traffic-cone</span></div>
<div class="the-icons span3"><i class="icon-trash"></i><span class="i-name">icon-trash</span></div>
<div class="the-icons span3"><i class="icon-trash-line"></i><span class="i-name">icon-trash-line</span></div>
<div class="the-icons span3"><i class="icon-trophy"></i><span class="i-name">icon-trophy</span></div>
<div class="the-icons span3"><i class="icon-truck-line"></i><span class="i-name">icon-truck-line</span></div>
<div class="the-icons span3"><i class="icon-tumblr"></i><span class="i-name">icon-tumblr</span></div>
<div class="the-icons span3"><i class="icon-tumblr-circled"></i><span class="i-name">icon-tumblr-circled</span></div>
<div class="the-icons span3"><i class="icon-tv-line"></i><span class="i-name">icon-tv-line</span></div>
<div class="the-icons span3"><i class="icon-twitter"></i><span class="i-name">icon-twitter</span></div>
<div class="the-icons span3"><i class="icon-twitter-circled"></i><span class="i-name">icon-twitter-circled</span></div>
<div class="the-icons span3"><i class="icon-up"></i><span class="i-name">icon-up</span></div>
<div class="the-icons span3"><i class="icon-up-bold"></i><span class="i-name">icon-up-bold</span></div>
<div class="the-icons span3"><i class="icon-up-circled"></i><span class="i-name">icon-up-circled</span></div>
<div class="the-icons span3"><i class="icon-up-dir"></i><span class="i-name">icon-up-dir</span></div>
<div class="the-icons span3"><i class="icon-up-open"></i><span class="i-name">icon-up-open</span></div>
<div class="the-icons span3"><i class="icon-up-open-big"></i><span class="i-name">icon-up-open-big</span></div>
<div class="the-icons span3"><i class="icon-up-open-mini"></i><span class="i-name">icon-up-open-mini</span></div>
<div class="the-icons span3"><i class="icon-up-thin"></i><span class="i-name">icon-up-thin</span></div>
<div class="the-icons span3"><i class="icon-upload"></i><span class="i-name">icon-upload</span></div>
<div class="the-icons span3"><i class="icon-upload-cloud"></i><span class="i-name">icon-upload-cloud</span></div>
<div class="the-icons span3"><i class="icon-user"></i><span class="i-name">icon-user</span></div>
<div class="the-icons span3"><i class="icon-user-add"></i><span class="i-name">icon-user-add</span></div>
<div class="the-icons span3"><i class="icon-user-line"></i><span class="i-name">icon-user-line</span></div>
<div class="the-icons span3"><i class="icon-users"></i><span class="i-name">icon-users</span></div>
<div class="the-icons span3"><i class="icon-vcard"></i><span class="i-name">icon-vcard</span></div>
<div class="the-icons span3"><i class="icon-viadeo"></i><span class="i-name">icon-viadeo</span></div>
<div class="the-icons span3"><i class="icon-video"></i><span class="i-name">icon-video</span></div>
<div class="the-icons span3"><i class="icon-videocam-line"></i><span class="i-name">icon-videocam-line</span></div>
<div class="the-icons span3"><i class="icon-vimeo"></i><span class="i-name">icon-vimeo</span></div>
<div class="the-icons span3"><i class="icon-vimeo-circled"></i><span class="i-name">icon-vimeo-circled</span></div>
<div class="the-icons span3"><i class="icon-vk"></i><span class="i-name">icon-vk</span></div>
<div class="the-icons span3"><i class="icon-vkontakte"></i><span class="i-name">icon-vkontakte</span></div>
<div class="the-icons span3"><i class="icon-volume"></i><span class="i-name">icon-volume</span></div>
<div class="the-icons span3"><i class="icon-w3c"></i><span class="i-name">icon-w3c</span></div>
<div class="the-icons span3"><i class="icon-wallet-line"></i><span class="i-name">icon-wallet-line</span></div>
<div class="the-icons span3"><i class="icon-water"></i><span class="i-name">icon-water</span></div>
<div class="the-icons span3"><i class="icon-weibo"></i><span class="i-name">icon-weibo</span></div>
<div class="the-icons span3"><i class="icon-wikipedia"></i><span class="i-name">icon-wikipedia</span></div>
<div class="the-icons span3"><i class="icon-window"></i><span class="i-name">icon-window</span></div>
<div class="the-icons span3"><i class="icon-windows"></i><span class="i-name">icon-windows</span></div>
<div class="the-icons span3"><i class="icon-wordpress"></i><span class="i-name">icon-wordpress</span></div>
<div class="the-icons span3"><i class="icon-xing"></i><span class="i-name">icon-xing</span></div>
<div class="the-icons span3"><i class="icon-yahoo"></i><span class="i-name">icon-yahoo</span></div>
<div class="the-icons span3"><i class="icon-yelp"></i><span class="i-name">icon-yelp</span></div>
<div class="the-icons span3"><i class="icon-youtube"></i><span class="i-name">icon-youtube</span></div>

Columns

<h5 style="margin: 0;">Columns</h5>

<h5>1/1</h5>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.

<h5>1/2</h5>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi consequat eget ultricies nisi tincidunt sit amet sem consequat eget adipiscing ultricies nisi tincidunt.

<h5>1/2</h5>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi consequat eget ultricies nisi tincidunt sit amet sem consequat eget adipiscing ultricies nisi tincidunt.

2/3

<h5>2/3</h5>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem conse quat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur soll dictum icitudin dictum dolor sit amet, consectetur adipiscing elit.

<h5>1/3</h5>
 Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum laoreet mi sit amet. amet sem conse.

<h5>1/3</h5>
 Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum laoreet mi sit amet. amet sem conse.

<h5>1/3</h5>
 Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum laoreet mi sit amet. amet sem conse.

<h5>1/3</h5>
 Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum laoreet mi sit amet. amet sem conse.

3/4

<h5>3/4</h5>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget.

<h5>1/4</h5>
 Lorem ipsum dolor eget consequat sit amet, conse ctetur adipiscing elit vesti bulum.

<h5>1/4</h5>
 Lorem ipsum dolor eget consequat sit amet, conse ctetur adipiscing elit vesti bulum.

<h5>1/4</h5>
 Lorem ipsum dolor eget consequat sit amet, conse ctetur adipiscing elit vesti bulum.

<h5>1/4</h5>
 Lorem ipsum dolor eget consequat sit amet, conse ctetur adipiscing elit vesti bulum.

<h5>1/4</h5>
 Lorem ipsum dolor eget consequat sit amet, conse ctetur adipiscing elit vesti bulum.

