Pricing Style 1

Basic Plan
$99 / month

For 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
Buy Plan
Business Plan
$199 / month

For 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
Buy Plan
RECOMMENDED
Premium Plan
$299 / month

For 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
Buy Plan
                        
<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
Buy Plan

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
Buy Plan
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
Buy Plan
                        
<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>