<div class="main">
<div class="container">
<ul class="breadcrumb">
    <li><a href="index.html">Home</a></li>
    <li><a href="#">Pages</a></li>
    <li class="active">Prices</li>
</ul>
<!-- BEGIN CONTENT -->

<div class="row margin-bottom-40"><!-- BEGIN CONTENT -->
<div class="col-md-12 col-sm-12">
<h1>Prices</h1>

<div class="content-page">
<div class="row margin-bottom-40"><!-- Pricing -->
<div class="col-md-3">
<div class="pricing hover-effect">
<div class="pricing-head">
<h3>Begginer <span> Officia deserunt mollitia </span></h3>

<h4><em>$</em>5<em>.49</em> <span> Per Month </span></h4>
</div>

<ul class="pricing-content list-unstyled">
    <li>At vero eos</li>
    <li>No Support</li>
    <li>Fusce condimentum</li>
    <li>Ut non libero</li>
    <li>Consecte adiping elit</li>
</ul>

<div class="pricing-footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna psum olor .</p>
<a class="btn btn-primary" href="#">Sign Up </a></div>
</div>
</div>

<div class="col-md-3">
<div class="pricing hover-effect">
<div class="pricing-head">
<h3>Pro <span> Officia deserunt mollitia </span></h3>

<h4><em>$</em>8<em>.69</em> <span> Per Month </span></h4>
</div>

<ul class="pricing-content list-unstyled">
    <li>At vero eos</li>
    <li>No Support</li>
    <li>Fusce condimentum</li>
    <li>Ut non libero</li>
    <li>Consecte adiping elit</li>
</ul>

<div class="pricing-footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna psum olor .</p>
<a class="btn btn-primary" href="#">Sign Up </a></div>
</div>
</div>

<div class="col-md-3">
<div class="pricing pricing-active hover-effect">
<div class="pricing-head pricing-head-active">
<h3>Expert <span> Officia deserunt mollitia </span></h3>

<h4><em>$</em>13<em>.99</em> <span> Per Month </span></h4>
</div>

<ul class="pricing-content list-unstyled">
    <li>At vero eos</li>
    <li>No Support</li>
    <li>Fusce condimentum</li>
    <li>Ut non libero</li>
    <li>Consecte adiping elit</li>
</ul>

<div class="pricing-footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna psum olor .</p>
<a class="btn btn-primary" href="#">Sign Up </a></div>
</div>
</div>

<div class="col-md-3">
<div class="pricing hover-effect">
<div class="pricing-head">
<h3>Hi-Tech <span> Officia deserunt mollitia </span></h3>

<h4><em>$</em>99<em>.00</em> <span> Per Month </span></h4>
</div>

<ul class="pricing-content list-unstyled">
    <li>At vero eos</li>
    <li>No Support</li>
    <li>Fusce condimentum</li>
    <li>Ut non libero</li>
    <li>Consecte adiping elit</li>
</ul>

<div class="pricing-footer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna psum olor .</p>
<a class="btn btn-primary" href="#">Sign Up </a></div>
</div>
</div>
<!--//End Pricing --></div>
</div>
</div>
</div>
<!-- END CONTENT --></div>
</div>