Centric Pro Theme Code
<div class="one-fourth first">
<img src="http://demo.studiopress.com/centric/files/2014/01/logo-genesis.png" alt="Genesis" />
</div>
<div class="one-fourth">
<img src="http://demo.studiopress.com/centric/files/2014/01/logo-studiopress.png" alt=""/>
</div>
<div class="one-fourth">
<img src="http://demo.studiopress.com/centric/files/2014/01/logo-wordpress.png" alt="" />
</div>
<div class="one-fourth">
<img src="http://demo.studiopress.com/centric/files/2014/01/logo-copyblogger.png" alt="" />
</div>
<div class="features">
<div class="one-third first">
<div class="dashicons dashicons-admin-appearance"></div>
<h4>7 Color Styles</h4>
<p>Your brand, your colors. With Centric, you can shift to one of seven different preset color combinations with the click of a button.</p>
</div>
<div class="one-third">
<div class="dashicons dashicons-welcome-widgets-menus"></div>
<h4>Custom Widgets</h4>
<p>The Genesis Framework is widgetized beyond just the sidebar, so we developed custom widgets to use on any area of your site.
</p></div>
<div class="one-third">
<div class="dashicons dashicons-feedback"></div>
<h4>Layout Options</h4>
<p>You can "mix and match" your layout, meaning you can easily choose any of the three layouts for each one of your individual pages or posts.</p>
</div>
<div class="one-third first">
<div class="dashicons dashicons-wordpress-alt"></div><h4>WordPress and Theme Tutorials</h4>
<p>Want to go a bit further with WordPress? Want to get even more out of Genesis? Our tutorials will teach you all you need to know.
</p></div>
<div class="one-third">
<div class="dashicons dashicons-cloud"></div>
<h4>Instant Updates</h4>
<p>Updating WordPress / Genesis is a snap: one click and you're done. We test all updates thoroughly, so you're not playing guinea pig. </p>
</div>
<div class="one-third">
<div class="dashicons dashicons-translation"></div>
<h4>Translation Ready</h4>
<p> Need Genesis in another language? The framework is translation-ready, making it as easy as possible for you to get work done. </p>
</div>
</div>
<div class="pricing-table">
<div class="one-third first">
<div class="price-heading">
<h4 class="price-title">Price Table 1</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">10</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 2</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">16</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
<div class="one-third">
<div class="price-heading">
<h4 class="price-title">Price Table 3</h4>
<div class="price">
<span class="sup">$</span>
<span class="amt">24</span>
<span class="sub">/mo</span>
</div>
</div>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<a href="#" class="button">Purchase</a>
</div>
</div>
<h1>Be the Center of Attention and Demand Focus</h1>
Stopping eyeballs in their tracks is not easy. You need a design that demands focus, a story that generates impulse, and they must integrate seamlessly. Centric, built on HTML5 and mobile responsive, gives you all of it. So what do you want to do online? Sky's the limit.