box-pricing-mega

Source code:

<!-- Pricing Mega v1 -->
<div class="row no-space-pricing pricing-mega-v1">
    <div class="col-md-{$pricingPlans} col-sm-(# {$pricingPlans} + 1 #) hidden-sm hidden-xs">
        <div class="pricing hidden-area">
            <div class="pricing-head ">
                <h4 class="price">{$pricingTitle}</h4>
            </div>
            <ul  class="pricing-content list-unstyled">
                [$pricingDetails]
                <li class="bg-color">
                    <i class="fa fa-{$icon}"></i>{$caption}
                </li>
                [/$pricingDetails]
            </ul>
        </div>
    </div>
    [$pricingPlans]
    <div class="col-md-{$pricingPlans} col-sm-(# {$pricingPlans} + 1 #) block">
        <div class="pricing">
            <div class="pricing-head">
                <h3>
                    {$name}<span>{$desc}</span>
                </h3>
                {?( is_numeric('{$price.value}') )?}
                <h4 class="price">
                    <i>$</i>(# intval({$price.value}) #)<i>.{?( {$price.value} - intval({$price.value}) < 10)?}0{/?}(# intval(({$price.value} - intval({$price.value})) * 100) #)</i>
                    <span class="hidden-md hidden-lg">{$price.desc}</span>
                </h4>
                @else@
                <h4><i>{$price.value}</i></h4>
                {/?}
            </div>

            <ul class="pricing-content list-unstyled ">
                [$pricingDetails] item =>
                <li class="bg-color">
                    ?$details.{$_key}.icon <i class="fa fa-{$details.{$_key}.icon}"></i> $details.{$_key}.icon?
                    ?$details.{$_key}.desc {$details.{$_key}.desc} $details.{$_key}.desc?
                    <span class="hidden-md hidden-lg">{$caption}</span>
                </li>
                [/$pricingDetails]
            </ul>
            <div class="btn-group btn-group-justified">
                <button type="button" class="btn-u btn-block dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-shopping-cart"></i>
                    Select
                    <i class="fa fa-angle-down"></i>
                </button>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">$ {#price.value:2,.#} One Month</a></li>
                    <li><a href="#">$ (# {$price.value} * 6 :2,.#) Six Month</a></li>
                    <li><a href="#">$ (# {$price.value} * 12 :2,.#) One Year</a></li>
                </ul>
            </div>
        </div>
    </div>
    [/$pricingPlans]
</div>
<!-- End Pricing Mega v1 -->