<div class="pages_highlight_box">
<h3>See What We Have To Offer</h3>
<br />
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.<br />
<p class="readmore"><a href="#" class="btn">Contact Us Today</a></p>
</div>
<br /><br />

<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-paper-airplane icon_element"></span>
</div>
</div>
<h3>Creative Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>

</div>
</div>

<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-earth icon_element"></span>
</div>
</div>
<h3>Website Development</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>

<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-aperture icon_element"></span>
</div>
</div>
<h3>Consultant Work</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>

<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-person-stalker icon_element"></span>
</div>
</div>
<h3>Social Networks</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>

<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-camera icon_element"></span>
</div>
</div>
<h3>Photo Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>

<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-upload icon_element"></span>
</div>
</div>
<h3>Cloud Options</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>

<div style="clear:both"></div>

To use the price table on your site grab the following example code below and add to your site. The price table is fully responsive and can display up to 7 price columns. Once you have determined the number of columns you will be using set the wrapper div to the number of columns that you've added. You can use the wrapping classes of "s5_pricetable_1" to "s5_pricetable_7".


<div class="s5_pricetable_3">

<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Basic</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">49</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>

</div>
</div>

<div class="s5_pricetable_column recommended">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Standard</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">79</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
<div class="s5_option">
FREE Domain Name
</div>
<div class="s5_option">
Personal Concierge
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>

</div>
</div>

<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Premium</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">99</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space &amp; Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>

<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>

</div>

<div style="clear:both;"></div>
</div>

<div style="border-bottom:1px solid #ebe8e8;padding-bottom:70px;margin-bottom:70px;">
<h1 class="pages_center_text">
We are a dedicated team, passionate about making your dreams a reality.
<br><br>
</h1>
<div class="pages_center_text">
<div class="s5_title">"I am dedicated to making you happy about the product that you get from my company because it's so great. I promise you will be pleased!" <br>- Frank Basefield </div>
</div>
</div>

<h1 class="s5_centerit">Our Head Honcho's</h1>
<span class="s5_centerit overlay_subtitle">These Guys Run the Place</span>
<br><br>
<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team5.jpg" alt="team5"/>
</div>
<br>
Frank Basefield
<br>
<span style="color:#a8a8a8;">CEO/Co-Owner</span>
<br><br>
</div>
</div>

<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team6.jpg" alt="team6"/>
</div>
<br>
Jeremy Westfend
<br>
<span style="color:#a8a8a8;">Manager</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br>
<h1 class="s5_centerit">Our Dedicated Team</h1>
<span class="s5_centerit overlay_subtitle">Of Awesome Web Developers</span>
<br><br>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">GUI Design</span>
<br><br>
</div>
</div>

<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team2.jpg" alt="team2"/>
</div>
<br>
Joel Lasdingo
<br>
<span style="color:#a8a8a8;">Lead Designer</span>
<br><br>
</div>
</div>

<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team3.jpg" alt="team3"/>
</div>
<br>
Michelle Wright
<br>
<span style="color:#a8a8a8;">Senior Developer</span>
<br><br>
</div>
</div>

<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team4.jpg" alt="team4"/>
</div>
<br>
Frank Hammard
<br>
<span style="color:#a8a8a8;">Marketing</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br><br>
<div class="pages_highlight_box">
<h3 class="s5_centerit">We want to hear from you!</h3>
<br>
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p
</div>