{% load static %}
<div id="pricing" class="pricing-area bg-gray shape default-padding-top">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="site-heading text-center">
                    <h4>Pricing Plan</h4>
                    <h2>Our <strong>Pricing</strong></h2>
                    <p>
                        Described questions for recommend advantage belonging estimable had. Pianoforte reasonable as so
                        am inhabiting. Chatty design remark and his abroad figure but its.
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="pricing pricing-simple text-center">
                <div class="col-md-12 pricing-items">
                    <div class="col-md-4 single-item">
                        <div class="pricing-item">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-start"></i>
                                    <h4>Trial Version</h4>
                                </li>
                                <li class="price">
                                    <h2>Free</h2>
                                </li>
                                <li>Demo file <span data-toggle="tooltip" data-placement="top" title=""
                                                    data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>Update</li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support <span data-toggle="tooltip" data-placement="top" title=""
                                                  data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>2 database</li>
                                <li>Documetation <span data-toggle="tooltip" data-placement="top" title=""
                                                       data-original-title="Available on pro version"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li class="footer">
                                    <a class="btn btn-dark border btn-sm" href="#">Try for free</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 single-item">
                        <div class="pricing-item active">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-quality-badge"></i>
                                    <h4>Regular</h4>
                                </li>
                                <li class="price">
                                    <h2><sup>$</sup>29 <sub>/ Mo</sub></h2>
                                </li>
                                <li>Demo file</li>
                                <li>Update <span data-toggle="tooltip" data-placement="top" title=""
                                                 data-original-title="Only for extended licence"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support <span data-toggle="tooltip" data-placement="top" title=""
                                                  data-original-title="Only for extended licence"><i
                                        class="fas fa-info-circle"></i></span></li>
                                <li>5 database</li>
                                <li>Documetation</li>
                                <li class="footer">
                                    <a class="btn btn-theme effect btn-sm" href="#">Get Started</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 single-item">
                        <div class="pricing-item">
                            <ul>
                                <li class="pricing-header">
                                    <i class="flaticon-value"></i>
                                    <h4>Extended</h4>
                                </li>
                                <li class="price">
                                    <h2><sup>$</sup>59 <sub>/ Mo</sub></h2>
                                </li>
                                <li>Demo file</li>
                                <li>Update</li>
                                <li>File compressed</li>
                                <li>Commercial use</li>
                                <li>Support</li>
                                <li>8 database</li>
                                <li>Documetation</li>
                                <li class="footer">
                                    <a class="btn btn-dark border btn-sm" href="#">Get Started</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>