Add Post

Shortcodes

Shortcodes Columns
<div class="one_half"><p> Your Content </p></div> 
<div class="one_half_last"> <p> Your Content  </p> </div> 
<div class="clear"></div>

<div class="one_third"> <p> Your Content </p></div> 
<div class="one_third"> <p> Your Content </p></div> 
<div class="one_third_last"> <p> Your Content </p> </div> 
<div class="clear"></div>

<div class="one_fourth"><p> Your Content </p></div> 
<div class="one_fourth"><p> Your Content </p></div> 
<div class="one_fourth"><p> Your Content </p></div> 
<div class="one_fourth_last"> <p> Your Content </p> </div> 
<div class="clear"></div>

Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.
Hi there! My name is Jonathan and I’ve been doing web development for as long as I can remember. This site is the place where I share my passion for the web.

 

Box Styles
<div class="boxinfo">HaHa Info - Insert your text here right now! </div>  
<div class="boxsucces">HaHa Succes - Insert your text here right now!</div> 
<div class="boxerror">HaHa Warning - Insert your text here right now!</div> 
<div class="boxnotice">HaHa Notice - Insert your text here right now!</div>
HaHa Info – Insert your text here right now!
HaHa Succes – Insert your text here right now!
HaHa Warning – Insert your text here right now!
HaHa Notice – Insert your text here right now!

 

List styles – ul
<ul class="simplelist">
    <li>Ha List styles - Insert text</li>
</ul>

<ul class="minus-blue-list">
    <li>Ha List styles - Insert text</li>
</ul>

<ul class="minus-green-list">
    <li>Ha List styles - Insert text</li>
</ul>

<ul class="minus-orange-list">
    <li>Ha List styles - Insert text</li>
</ul>

<ul class="minus-gold-list">
    <li>Ha List styles - Insert text</li>
</ul>

<ul class="minus-black-list">
    <li>Ha List styles - Insert text</li>
</ul>
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content
  • Sample Content

 

Simple Buttons
<a href="#" class="simplebtn blue">Button 1</a>
<a href="#" class="simplebtn green">Button 2</a>
<a href="#" class="simplebtn orange">Button 3</a>
<a href="#" class="simplebtn gold">Button 4</a>
<a href="#" class="simplebtn black">Button 5</a>
<a href="#" class="simplebtn pink">Button 6</a>
<a href="#" class="simplebtn green2">Button 7</a>
Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 Button 7 Button 7

 

Accordion
<div class='accordionButton first'> HaHa Accordion! </div>
<div class='accordionContent'>Vivamus nec est purus, nec sodales metus.</div> 

<div class='accordionButton'> HaHa Accordion! </div>
<div class='accordionContent'>Vivamus nec est purus, nec sodales metus.</div> 

<div class='accordionButton'> HaHa Accordion! </div>
<div class='accordionContent'>Vivamus nec est purus, nec sodales metus.</div>
<div class="clear"></div>
Section Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula sem eget lacus porta interdum. Maecenas tincidunt faucibus felis eget malesuada. Donec ac felis dolor.
Section Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula sem eget lacus porta interdum. Maecenas tincidunt faucibus felis eget malesuada. Donec ac felis dolor.
Section Accordion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vehicula sem eget lacus porta interdum. Maecenas tincidunt faucibus felis eget malesuada. Donec ac felis dolor.