AeroDyNN by DyNNamite - DNN Theme DNN theme by DyNNamite flexible-dnn-theme DyNNamite - UK DNN specialists DNN theme

Pricing Tables

FREE PLAN - A

$0/month

  • Personal use
  • Unlimited projects
  • 27/7 support

FREE PLAN - A

$25/month

  • Personal use
  • Unlimited projects
  • 27/7 support

FREE PLAN - A

$50/month

  • Personal use
  • Unlimited projects
  • 27/7 support

FREE PLAN - A

$100/month

  • Personal use
  • Unlimited projects
  • 27/7 support

Source Code

<div class="row">
    
        <div class="col-xs-12 col-sm-6 col-md-3"> 
            <!-- Price Table Item -->
            <div class="price-table text-center">
                <div class="price-table-heading">
                    <h4 class="title">FREE PLAN - A</h4>
                </div>
                <div class="price-table-body">
                    <p class="value">$0<small>/month</small></p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Personal use</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Unlimited projects</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> 27/7 support</li>
                </ul>
                <div class="price-table-footer"> <a class="btn btn-lg btn-success" href="#">BUY NOW!</a> </div>
            </div>
            <!-- END Price Table Item -->
        
            <!-- START: Will be visible in tablet and mobile devices to make gap between tow price items -->
            <div class="col-xs-12 col-sm-12 margin-bottom-20"></div>
            <!-- END: Will be visible in tablet and mobile devices to make gap between tow price items -->
        </div>
        
        <div class="col-xs-12 col-sm-6 col-md-3"> 
            <!-- Price Table Item -->
            <div class="price-table text-center">
                <div class="price-table-heading">
                    <h4 class="title">FREE PLAN - A</h4>
                </div>
                <div class="price-table-body">
                    <p class="value">$25<small>/month</small></p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Personal use</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Unlimited projects</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> 27/7 support</li>
                </ul>
                <div class="price-table-footer"> <a class="btn btn-lg btn-success" href="#">BUY NOW!</a> </div>
            </div>
            <!-- END Price Table Item -->
        
            <!-- START: Will be visible in tablet and mobile devices to make gap between tow price items -->
            <div class="col-xs-12 col-sm-12 margin-bottom-20"></div>
            <!-- END: Will be visible in tablet and mobile devices to make gap between tow price items -->
        </div>
        
        <div class="col-xs-12 col-sm-6 col-md-3"> 
            <!-- Price Table Item -->
            <div class="price-table text-center">
                <div class="price-table-heading">
                    <h4 class="title">FREE PLAN - A</h4>
                </div>
                <div class="price-table-body">
                    <p class="value">$50<small>/month</small></p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Personal use</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Unlimited projects</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> 27/7 support</li>
                </ul>
                <div class="price-table-footer"> <a class="btn btn-lg btn-success" href="#">BUY NOW!</a> </div>
            </div>
            <!-- END Price Table Item -->
        
            <!-- START: Will be visible in tablet and mobile devices to make gap between tow price items -->
            <div class="col-xs-12 col-sm-12 margin-bottom-20"></div>
            <!-- END: Will be visible in tablet and mobile devices to make gap between tow price items -->
        </div>
        
        <div class="col-xs-12 col-sm-6 col-md-3"> 
            <!-- Price Table Item -->
            <div class="price-table text-center">
                <div class="price-table-heading">
                    <h4 class="title">FREE PLAN - A</h4>
                </div>
                <div class="price-table-body">
                    <p class="value">$100<small>/month</small></p>
                </div>
                <ul class="list-group">
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Personal use</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> Unlimited projects</li>
                    <li class="list-group-item"><i class="icon-ok text-success"></i> 27/7 support</li>
                </ul>
                <div class="price-table-footer"> <a class="btn btn-lg btn-success" href="#">BUY NOW!</a> </div>
            </div>
            <!-- END Price Table Item -->
        
            <!-- START: Will be visible in tablet and mobile devices to make gap between tow price items -->
            <div class="col-xs-12 col-sm-12 margin-bottom-20"></div>
            <!-- END: Will be visible in tablet and mobile devices to make gap between tow price items -->
        </div>
          
    </div>