<h2>Columns Example <strong>3 Boxs</strong></h2>
<div class="one_third">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title One</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-star-o"> </i> There are many variations</li>
<li><i class="fa fa-star-o"> </i> Lorem Ipsum you need to be sure</li>
<li><i class="fa fa-star-o"> </i> Internet tend to repeat predefined</li>
<li><i class="fa fa-star-o"> </i> Latin words combined with</li>
<li><i class="fa fa-star-o"> </i> This book is treatise on the theory</li>
</ul>
<br />
<p><a class="but_download" href="#"><i class="fa fa-download"> </i> Download</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="one_third">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title Two</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-heart"> </i> There are many variations</li>
<li><i class="fa fa-heart"> </i> Lorem Ipsum you need to be sure</li>
<li><i class="fa fa-heart"> </i> Internet tend to repeat predefined</li>
<li><i class="fa fa-heart"> </i> Latin words combined with</li>
<li><i class="fa fa-heart"> </i> This book is treatise on the theory</li>
</ul>
<br />
<p><a class="but_thumbs_up" href="#"><i class="fa fa-thumbs-up"> </i> Thumbs Up</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="one_third last">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title Three</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-shopping-cart"> </i> There are many variations</li>
<li><i class="fa fa-shopping-cart"> </i> Lorem Ipsum you need to be sure</li>
<li><i class="fa fa-shopping-cart"> </i> Internet tend to repeat predefined</li>
<li><i class="fa fa-shopping-cart"> </i> Latin words combined with</li>
<li><i class="fa fa-shopping-cart"> </i> This book is treatise on the theory</li>
</ul>
<br />
<p><a class="but_hand_right" href="#"><i class="fa fa-hand-o-right"> </i> Hand Right</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="clearfix divider_dashed8"> </div>
<h2>Columns Example <strong>4 Boxs</strong></h2>
<div class="one_fourth">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title One</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-chevron-circle-right"> </i> There many variations</li>
<li><i class="fa fa-chevron-circle-right"> </i> Lorem Ipsum you need</li>
<li><i class="fa fa-chevron-circle-right"> </i> Internet tend to predefine</li>
<li><i class="fa fa-chevron-circle-right"> </i> Latin words combined</li>
<li><i class="fa fa-chevron-circle-right"> </i> This book on the theory</li>
</ul>
<br />
<p><a class="but_calendar" href="#"><i class="fa fa-calendar"> </i> Calendar</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="one_fourth">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title Two</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-arrow-circle-right"> </i> There many variations</li>
<li><i class="fa fa-arrow-circle-right"> </i> Lorem Ipsum you need</li>
<li><i class="fa fa-arrow-circle-right"> </i> Internet tend to predefine</li>
<li><i class="fa fa-arrow-circle-right"> </i> Latin words combined</li>
<li><i class="fa fa-arrow-circle-right"> </i> This book on the theory</li>
</ul>
<br />
<p><a class="but_folder_open" href="#"><i class="fa fa-folder-open"> </i> Folder</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="one_fourth">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title Three</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-caret-right"> </i> There many variations</li>
<li><i class="fa fa-caret-right"> </i> Lorem Ipsum you need</li>
<li><i class="fa fa-caret-right"> </i> Internet tend to predefine</li>
<li><i class="fa fa-caret-right"> </i> Latin words combined</li>
<li><i class="fa fa-caret-right"> </i> This book on the theory</li>
</ul>
<br />
<p><a class="but_bookmark" href="#"><i class="fa fa-comment"> </i> Chat</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="one_fourth last">
<div class="framed-box">
<div class="framed-box-wrap">
<div class="pricing-title">
<h3 class="nocaps">Sample Title Four</h3>
</div>
<div class="pricing-text-list">
<ul class="list1">
<li><i class="fa fa-chevron-right"> </i> There many variations</li>
<li><i class="fa fa-chevron-right"> </i> Lorem Ipsum you need</li>
<li><i class="fa fa-chevron-right"> </i> Internet tend to predefine</li>
<li><i class="fa fa-chevron-right"> </i> Latin words combined</li>
<li><i class="fa fa-chevron-right"> </i> This book on the theory</li>
</ul>
<br />
<p><a class="but_pdf" href="#"><i class="fa fa-book"> </i> Book</a></p>
</div>
</div>
</div>
</div>
<!-- end section -->
<div class="clearfix divider_dashed8"> </div>
<h2>Page <strong>Columns</strong></h2>
<div class="one_half">
<h6>1/2 Half page</h6>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate.</p>
</div>
<div class="one_half last">
<h6>1/2 Half page</h6>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate.</p>
</div>
<!-- end one half -->
<div class="margin_top5"> </div>
<div class="one_third">
<h6>1/3 Third page</h6>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks necessary making this the first true on the Internet.</p>
</div>
<div class="one_third">
<h6>1/3 Third page</h6>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks necessary making this the first true on the Internet.</p>
</div>
<div class="one_third last">
<h6>1/3 Third page</h6>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks necessary making this the first true on the Internet.</p>
</div>
<!-- end one third -->
<div class="margin_top5"> </div>
<div class="one_fourth">
<h6>1/4 Fourth page</h6>
<p>All the Lorem Ipsum generators on the Internet necessary making this the first true on the Internet.</p>
</div>
<div class="one_fourth">
<h6>1/4 Fourth page</h6>
<p>All the Lorem Ipsum generators on the Internet necessary making this the first true on the Internet.</p>
</div>
<div class="one_fourth">
<h6>1/4 Fourth page</h6>
<p>All the Lorem Ipsum generators on the Internet necessary making this the first true on the Internet.</p>
</div>
<div class="one_fourth last">
<h6>1/4 Fourth page</h6>
<p>All the Lorem Ipsum generators on the Internet necessary making this the first true on the Internet.</p>
</div>
<!-- end one fourth -->
<div class="margin_top5"> </div>
<div class="one_third">
<h6>3/4 Fourth page</h6>
<p>All the Lorem Ipsum generators on the Internet necessary making this the first true on the Internet.</p>
</div>
<div class="two_third last">
<h6>1/4 Third page</h6>
<p>All the Lorem Ipsum generators on the Internet rators on the Inte rators on the Internet necessary making this the first tr rnet necessary making this the first tr tend to repeat predefined chunks necessary making this the first true on the Internet.</p>
</div>
<div class="margin_top5"> </div>
<div class="one_fifth">
<h6>1/5 Fifth page</h6>
<p>Lorem Ipsum generators on the Internet rators the Inte rators on the.</p>
</div>
<div class="one_fifth">
<h6>1/5 Fifth page</h6>
<p>Lorem Ipsum generators on the Internet rators the Inte rators on the.</p>
</div>
<div class="one_fifth">
<h6>1/5 Fifth page</h6>
<p>Lorem Ipsum generators on the Internet rators the Inte rators on the.</p>
</div>
<div class="one_fifth">
<h6>1/5 Fifth page</h6>
<p>Lorem Ipsum generators on the Internet rators the Inte rators on the.</p>
</div>
<div class="one_fifth last">
<h6>1/5 Fifth page</h6>
<p>Lorem Ipsum generators on the Internet rators the Inte rators on the.</p>
</div>
<div class="clearfix margin_top7"> </div>