Pricing Style 1
Basic Plan
$99.00/Month
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Standard Plan
$199.00/Month
Recommended
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Premium Plan
$299.00/Month
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
<div class="pricing-style-1">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<h5>Basic Plan</h5>
<h3>$99.00/Month</h3>
</div>
<ul class="body">
<li>
Lorem ipsum dolor sit amet
</li>
<li>
Consectetur adipiscing
</li>
<li>
Sed ut perspiciatis und omnis
</li>
<li>
Nemo enim ipsam voluptate
</li>
<li class="u_l">
Lorem ipsum dolor sit
</li>
<li class="u_l">
Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<h5>Standard Plan</h5>
<h3>$199.00/Month</h3>
<h6 class="hs-20">Recommended</h6>
</div>
<ul class="body">
<li>
Lorem ipsum dolor sit amet
</li>
<li>
Consectetur adipiscing
</li>
<li>
Sed ut perspiciatis und omnis
</li>
<li>
Nemo enim ipsam voluptate
</li>
<li>
Lorem ipsum dolor sit
</li>
<li class="u_l">
Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<h5>Premium Plan</h5>
<h3>$299.00/Month</h3>
</div>
<ul class="body">
<li>
Lorem ipsum dolor sit amet
</li>
<li>
Consectetur adipiscing
</li>
<li>
Sed ut perspiciatis und omnis
</li>
<li>
Nemo enim ipsam voluptate
</li>
<li>
Lorem ipsum dolor sit
</li>
<li>
Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
Pricing Style 2
Basic
Most Popular
$99/ Mo
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Standard
Most Recommended
$199/ Mo
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Basic
Most Popular
$299/ Mo
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<div class="pricing-style-2">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<div class="left">
<h4>Basic</h4>
<p>Most Popular</p>
</div>
<div class="right">
<span class="hs-22">$99</span><span class="hs-23">/ Mo</span>
</div>
</div>
<hr>
<ul class="body">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li class="u_l">
<p>Lorem ipsum dolor sit</p>
</li>
<li class="u_l">
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<div class="left">
<h4>Standard</h4>
<p>Most Recommended</p>
</div>
<div class="right">
<span class="hs-22">$199</span><span class="hs-23">/ Mo</span>
</div>
</div>
<hr>
<ul class="body">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
</li>
<li class="u_l">
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="head">
<div class="left">
<h4>Basic</h4>
<p>Most Popular</p>
</div>
<div class="right">
<span class="hs-22">$299</span><span class="hs-23">/ Mo</span>
</div>
</div>
<hr>
<ul class="body">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Buy Now">Buy Now</a>
</div>
</div>
</div>
</div>
</div>