Pricing Table Block

Pricing Table Variation One

Show your pricing with amazing pricing table. We create price table with some variation. Some small change with add or remove class name only. As like .price-style-one for price table style one. I use data-center="true" for center an item.


<div class="price-block bg-gray-color">
    <div class="container price-style-one">    
        <div class="row tb default-margin-bottom yellow-theme">        
            <!-- Section Title -->
        </div>      
        <div class="priceing-slider slider-style-two owl-carousel" data-center="true" data-item="[3,2,1,1]">        
            <div class="item">
                <div class="pricing-table-item text-center">
                    <!-- Pricing Table Content -->
                </div>
            </div>
        </div>    
    </div>    
</div>

Pricing Table Variation Three

.price-style-five class for price table style five. it will no zoom hover effect. It's a normal price table with image


<div class="price-block bg-gray-color">
    <div class="container price-style-three">       
        <div class="row tb default-margin-bottom yellow-theme">        
            <!-- Section Title -->
        </div>      
        <div class="priceing-slider slider-style-two owl-carousel" data-center="true" data-item="[3,2,1,1]">        
            <div class="item">
                <div class="pricing-table-item style-two">
                    <!-- Pricing Table Content -->
                </div>
            </div>
        </div>    
    </div>      
</div>