Shortcodes

With large collection of shortcodes, you can create beautiful and complex layouts with ease.

<h2 style=”text-align: center;”>Accordion &amp; Tabs</h2>
<p style=”text-align: center;”>Accordions and Toggles are perfect for adding multiple sections of information with varying content and titles.</p>

Sed accumsan nisl a ante elementum laoreet. Nunc augue velit, interdum tincidunt mauris sit amet, mattis imperdiet neque. Phasellus auctor. Nulla varius nunc arcu, nec sagittis purus posuere nec, vivamus non.

Sed accumsan nisl a ante elementum laoreet. Nunc augue velit, interdum tincidunt mauris sit amet, mattis imperdiet neque. Phasellus auctor. Nulla varius nunc arcu, nec sagittis purus posuere nec, vivamus non.

Sed accumsan nisl a ante elementum laoreet. Nunc augue velit, interdum tincidunt mauris sit amet, mattis imperdiet neque. Phasellus auctor. Nulla varius nunc arcu, nec sagittis purus posuere nec, vivamus non.

Donec ultricies lacus justo, in rhoncus odio consectetur quis. Cras ac viverra sem. In ullamcorper orci sit amet libero feugiat, quis suscipit ligula laoreet. Proin consectetur egestas enim non vehicula. Cras lectus quam, semper id ligula eu, dignissim sollicitudin ante. Sed tempus vitae turpis ac euismod.

Integer ornare tempus ultricies. Mauris id nisi vitae magna fermentum posuere in nec nibh. Vivamus congue, est id porttitor iaculis, massa diam consequat leo, sed consequat ligula nibh vitae lorem. Etiam est nisl, vulputate ac diam et, bibendum.

Integer ornare tempus ultricies. Mauris id nisi vitae magna fermentum posuere in nec nibh. Vivamus congue, est id porttitor iaculis, massa diam consequat leo, sed consequat ligula nibh vitae lorem. Etiam est nisl, vulputate ac diam et, bibendum.

Donec ultricies lacus justo, in rhoncus odio consectetur quis. Cras ac viverra sem. In ullamcorper orci sit amet libero feugiat, quis suscipit ligula laoreet. Proin consectetur egestas enim non vehicula. Cras lectus quam, semper id ligula eu, dignissim sollicitudin ante. Sed tempus vitae turpis ac euismod.

<h2 style=”text-align: center;”>Promotion Boxes</h2>
<p style=”text-align: center;”>Prodo’s promotion box is very versatile and has numerous meta options for easy customization.</p>

These boxes are customizable with numerous options to choose from!

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

This is a promo box in a one half column.

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

This is a promo box in a one half column.

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

<h2 style=”text-align: center;”>Alert Messages</h2>
<p style=”text-align: center;”>Alert messages can be used throughout the site.
There are 4 styles – success, information, warning and danger.</p>

Well done!

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

Heads up!

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

Warning

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

Oh snap!

Fusce at feugiat est, vitae ullam corper neque. Donec congue lectus ut elit pulvinar varius. Suscipit eu dignissim id, eleifend sed libero.

<h2 style=”text-align: center;”>Counters &amp; Bars</h2>
<p style=”text-align: center;”>Prodo includes 2 different sets of animated counters: circles and bars.</p>
Web Design
HTML5 / CSS3
Graphic Design
WordPress
PHP5
Photography
Adobe Photoshop
<h2 style=”text-align: center;”>Milestone Counters</h2>
320
Total Likes
180
Projects Delivered
460
PSD's Created
280
Cups of Coffee
<h2 style=”text-align: center;”>Blockquote &amp; Highlights</h2>
Donec nec eleifend odio. Mauris ut tortor quam. Curabitur quis tortor eu leo eleifend fringilla quis in erat. Phasellus consectetur dapibus arcu sed cursus. Duis imperdiet lorem id mi luctus adipiscing. Maecenas pretium eros orci, a adipiscing nisl tempor ut. Vivamus eget elit quam. Donec pretium est velit, sit amet facilisis augue rhoncus id. Sed non volutpat diam. Nunc eleifend urna sit amet fringilla elementum.

Estibulum tincidunt et massa id scelerisque. Nam ipsum risus, tempus in sodales non, condimentum sit amet lectus.

Someone famous in Source Title
Suspendisse ornare magna id massa eleifend dictum. Morbi id mauris ullamcorper, pulvinar nibh at, vulputate neque. Nulla cursus lectus vitae magna laoreet, eget tincidunt elit sodales. Phasellus risus metus, luctus eget leo eu, auctor ullamcorper turpis. Duis nisi ipsum, volutpat eget semper sed, pharetra vitae augue.
<h2 style=”text-align: center;”>Buttons</h2>
<p style=”text-align: center;”>Prodo includes several buttons to be used throughout your site.</p>
<h2 style=”text-align: center;”>Font-Awesome Icons</h2>
<p style=”text-align: center;”>Font Awesome Icons are incredibly awesome.</p>
<div class=”icons-demo colored”> </div>
<div class=”icons-demo colored”></div>
<div class=”icons-demo colored”>
</div>
<h4>Form Conrol Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Currency Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Directional Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Text Editor Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Video Player Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Medical Icons</h4>
<div class=”icons-demo colored”> </div>
<h4>Brand Icons</h4>
<div class=”icons-demo colored”> </div>
<h2 style=”text-align: center;”>List Styles</h2>
<p style=”text-align: center;”>Lists can use all Font Awesome Icons.</p>
<h4>Ordered List</h4>
<ol>
<li>Sed ac ligula ac ante dapibus placerat quis</li>
<li>Integer pharetra tempor massa, dignissim</li>
<li>Praesent ornare sapien sit amet</li>
<li>Nunc a tellus vestibulum, venenatis</li>
</ol>
<h4>Unordered List</h4>
<ul>
<li>Sed ac ligula ac ante dapibus placerat quis</li>
<li>Integer pharetra tempor massa, dignissim</li>
<li>Praesent ornare sapien sit amet</li>
<li>Nunc a tellus vestibulum, venenatis</li>
</ul>
<h4>Custom List</h4>
<ul class=”fa-ul”>
<li> Sed ac ligula ac ante dapibus placerat quis</li>
<li> Integer pharetra tempor massa, dignissim</li>
<li> Praesent ornare sapien sit amet</li>
<li> Nunc a tellus vestibulum, venenatis</li>
</ul>
<h2 style=”text-align: center;”>Stickers</h2>
<h4>Sticker with Header Green</h4>
With a primary content Blue Orange Red
<h4>Or, maybe with icons?</h4>
<div class=”stickers-demo”>90F 3K 7 Up!</div>
<h2 style=”text-align: center;”>Dropcaps</h2>
Donec vehicula auctor orci. Vivamus luctus nibh ut posuere vehicula. Fusce convallis, purus semper blandit pellentesque, velit sapien sagittis est, sit amet placerat lacus ante id enim. Vestibulum sit amet ullamcorper diam. Fusce convallis, purus semper blandit pellentesque, velit sapien sagittis est.
Donec vehicula auctor orci. Vivamus luctus nibh ut posuere vehicula. Fusce convallis, purus semper blandit pellentesque, velit sapien sagittis est, sit amet placerat lacus ante id enim. Vestibulum sit amet ullamcorper diam. Fusce convallis, purus semper blandit pellentesque, velit sapien sagittis est.
<h2 style=”text-align: center;”>Alternative Services</h2>
Translation Ready
9 Header Variations
Shortcode Builder
Advanced Admin
Excellent Support
<h2 style=”text-align: center;”>Pricing Tables</h2>

Starter

19$/month
<ul>
<li>Quisque suscipit imperdiet</li>
<li><strong>Praesent</strong> elementum</li>
<li>Aenean porta dignissim</li>
</ul>
Purchase

Professional New

39$/month
<ul>
<li>Quisque suscipit imperdiet</li>
<li><strong>Praesent</strong> elementum</li>
<li>Aenean porta dignissim</li>
</ul>
Purchase

Business

59$/month
<ul>
<li>Quisque suscipit imperdiet</li>
<li><strong>Praesent</strong> elementum</li>
<li>Aenean porta dignissim</li>
</ul>
Purchase
<h2 style=”text-align: center;”>Columns</h2>
<h4>One Half</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros. Aenean sit amet volutpat velit. Fusce vel aliquam libero. Vestibulum congue magna nibh, sed aliquet erat aliquam at.
<h4>One Half</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros. Aenean sit amet volutpat velit. Fusce vel aliquam libero. Vestibulum congue magna nibh, sed aliquet erat aliquam at.

&nbsp;

<h4>One Third</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros. Aenean sit amet volutpat velit.
<h4>One Third</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros. Aenean sit amet volutpat velit.
<h4>One Third</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros. Aenean sit amet volutpat velit.

&nbsp;

<h4>One Fourth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros.
<h4>One Fourth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros.
<h4>One Fourth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros.
<h4>One Fourth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a mauris vestibulum sollicitudin blandit vel eros.

&nbsp;

<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.
<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.
<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.
<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.
<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.
<h4>One Sixth</h4>
Quisque tristique velit a porttitor ullamcorper. Sed non lorem a.