Pricing Table- Style 2 | HTML

<section id="pricing-table">
    <div class="container">
        <div class="row">
            <div class="pricing">
                <div class="col-md-4 col-sm-12 col-xs-12">
                    <div class="pricing-table">
                        <div class="pricing-header">
                            <p class="pricing-title">Free Plan</p>
                            <p class="pricing-rate"><sup>$</sup> 0 <span>/Mo.</span></p>
                            <a href="#" class="btn btn-custom">And Get Free Month</a>
                        </div>

                        <div class="pricing-list">
                            <ul>
                                <li><i class="fa fa-envelope"></i>1,000 messages</li>
                                <li><i class="fa fa-signal"></i><span>limited</span> data</li>
                                <li><i class="fa fa-user"></i><span>limited</span> users</li>
                                <li><i class="fa fa-smile-o"></i>first 10 day free</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-sm-12 col-xs-12">
                    <div class="pricing-table">
                        <div class="pricing-header">
                            <p class="pricing-title">Business Plan</p>
                            <p class="pricing-rate"><sup>$</sup> 20 <span>/Mo.</span></p>
                            <a href="#" class="btn btn-custom">And Get Free Month</a>
                        </div>

                        <div class="pricing-list">
                            <ul>
                                <li><i class="fa fa-envelope"></i>10,000 messages</li>
                                <li><i class="fa fa-signal"></i><span>unlimited</span> data</li>
                                <li><i class="fa fa-user"></i><span>unlimited</span> users</li>
                                <li><i class="fa fa-smile-o"></i>first 10 day free</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-4 col-sm-12 col-xs-12">
                    <div class="pricing-table">
                        <div class="pricing-header">
                            <p class="pricing-title">Extended Plan</p>
                            <p class="pricing-rate"><sup>$</sup> 80 <span>/Mo.</span></p>
                            <a href="#" class="btn btn-custom">And Get Free Month</a>
                        </div>

                        <div class="pricing-list">
                            <ul>
                                <li><i class="fa fa-envelope"></i>10,0000 messages</li>
                                <li><i class="fa fa-signal"></i><span>unlimited</span> data</li>
                                <li><i class="fa fa-user"></i><span>unlimited</span> users</li>
                                <li><i class="fa fa-smile-o"></i>first 10 day free</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>