Pricing Style 1
Basic Plan
$99 / monthFor most businesses that want to optimize web queries
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
Business Plan
$199 / monthFor most businesses that want to optimize web queries
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
RECOMMENDED
Premium Plan
$299 / monthFor most businesses that want to optimize web queries
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
<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">
<h5>Basic Plan</h5>
<span class="price">
<span>$99</span>
<span> / month</span>
</span>
<p>For most businesses that want to optimize web queries</p>
<hr>
<ul class="list-style-1">
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Sed ut perspiciatis unde
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Nemo enim ipsam dolore
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
At vero eos accusamus
</div>
</div>
</li>
<li>
<div>
<div class="icon l-t">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content l-t">
Temporibus autem quibus
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content l-t">
Et harum quidem rerum
</div>
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item recommended">
<h5>Business Plan</h5>
<span class="price"><span>$199</span><span> / month</span></span>
<p>For most businesses that want to optimize web queries</p>
<hr>
<ul class="list-style-1">
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Sed ut perspiciatis unde
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Nemo enim ipsam dolore
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
At vero eos accusamus
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Temporibus autem quibus
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content l-t">
Et harum quidem rerum
</div>
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
<div class="recommended-label">
<span>RECOMMENDED</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<h5>Premium Plan</h5>
<span class="price"><span>$299</span><span> / month</span></span>
<p>For most businesses that want to optimize web queries</p>
<hr>
<ul class="list-style-1">
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Sed ut perspiciatis unde
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Nemo enim ipsam dolore
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
At vero eos accusamus
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Temporibus autem quibus
</div>
</div>
</li>
<li>
<div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="258" height="200" viewBox="0 0 258 200"><path data-name="Path 40141" d="M426.381,167.3c-45.616,48.784-91.268,97.327-136.935,146.121l-70.722-62.888L194.86,281.121l83.817,74.533,13.1,11.646,12.076-12.886c49.642-53.086,99.309-105.855,149.01-159L426.373,167.3Z" transform="translate(-194.86 -167.3)" fill="#111"></path></svg></div>
<div class="content">
Et harum quidem rerum
</div>
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
</div>
</div>
</div>
</div>
</div>
Pricing Style 2
Basic Plan
Perfect for all kind of business size
$99 / month
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
Business Plan
Perfect for all kind of business size
$199 / month
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
RECOMMENDED
Premium Plan
Perfect for all kind of business size
$299 / month
-
Sed ut perspiciatis unde
-
Nemo enim ipsam dolore
-
At vero eos accusamus
-
Temporibus autem quibus
-
Et harum quidem rerum
<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">
<h4>Basic Plan</h4>
<p>Perfect for all kind of business size</p>
<hr>
<span class="price">
<span>$99</span>
<span> / month</span>
</span>
<ul class="list-style-1">
<li>
<div class="content">
Sed ut perspiciatis unde
</div>
</li>
<li>
<div class="content">
Nemo enim ipsam dolore
</div>
</li>
<li>
<div class="content">
At vero eos accusamus
</div>
</li>
<li>
<div class="content l-t">
Temporibus autem quibus
</div>
</li>
<li>
<div class="content l-t">
Et harum quidem rerum
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item recommended">
<h4>Business Plan</h4>
<p>Perfect for all kind of business size</p>
<hr>
<span class="price"><span>$199</span><span> / month</span></span>
<ul class="list-style-1">
<li>
<div class="content">
Sed ut perspiciatis unde
</div>
</li>
<li>
<div class="content">
Nemo enim ipsam dolore
</div>
</li>
<li>
<div class="content">
At vero eos accusamus
</div>
</li>
<li>
<div class="content">
Temporibus autem quibus
</div>
</li>
<li>
<div class="content l-t">
Et harum quidem rerum
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
<div class="recommended-label">
<span>RECOMMENDED</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<h4>Premium Plan</h4>
<p>Perfect for all kind of business size</p>
<hr>
<span class="price"><span>$299</span><span> / month</span></span>
<ul class="list-style-1">
<li>
<div class="content">
Sed ut perspiciatis unde
</div>
</li>
<li>
<div class="content">
Nemo enim ipsam dolore
</div>
</li>
<li>
<div class="content">
At vero eos accusamus
</div>
</li>
<li>
<div class="content">
Temporibus autem quibus
</div>
</li>
<li>
<div class="content">
Et harum quidem rerum
</div>
</li>
</ul>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Buy Plan</a>
</div>
</div>
</div>
</div>
</div>