ui-2

<!-- UI-2 -->
        <div class="ui-2">
            <!-- Container -->
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <!-- UI-item -->
                        <div class="ui-item">
                            <!-- UI-head -->
                            <div class="ui-head">
                                <!-- heading -->
                                <h3>Basic Plan</h3>
                                <!-- Button -->
                                <a href="#" class="btn btn-red">$<strong>19.00</strong></a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Ui-para -->
                            <div  class="ui-para br-red">
                                <!-- Paragraph -->
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere amet, consec erat a ante Lorem  sit amet.</p>
                            </div>
                            <!-- Ui-list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-check green"></i><strong> &nbsp; &nbsp;Storage - 10GB</strong></li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Bandwidth - 1GB</li>
                                    <li><i class="fa fa-close red"></i> &nbsp; &nbsp;Email-Id - 5</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Sql-Database - 5</li>
                                    <li><i class="fa fa-close red"></i> &nbsp; &nbsp;No Support</li>
                                </ul>

                            </div>
                        </div><!--/ item -->
                    </div>

                    <div class="col-md-4">
                        <!-- item -->
                        <div class="ui-item">
                            <!-- Ui-head -->
                            <div class="ui-head">
                                <!-- Heading -->
                                <h3>Professional Plan</h3>
                                <!-- Button -->
                                <a href="#" class="btn btn-lblue">$<strong>50.00</strong></a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Ui-para -->
                            <div class="ui-para br-lblue">
                                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has amet, consec roots in a piece of classical Latin.</p>
                            </div>
                            <!-- Ui-list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-check green"></i><strong> &nbsp; &nbsp;Storage - 12GB</strong></li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Bandwidth - 2GB</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Email-Id - 10</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Sql-Database - 10</li>
                                    <li><i class="fa fa-close red"></i> &nbsp; &nbsp;Email - Support</li>
                                </ul>
                            </div>
                        </div><!--/ item -->
                    </div>

                    <div class="col-md-4">
                        <!-- item -->
                        <div class="ui-item">
                            <!-- Ui-head -->
                            <div class="ui-head">
                                <!-- Heading -->
                                <h3>Enterprises Plan</h3>
                                <!-- UI-button -->
                                <a href="#" class="btn btn-green">$<strong>90.00</strong></a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Blockquote -->
                            <div  class="ui-para br-green">
                                <p>It is a long established fact that a reader will be distracted by amet, consec the readable content of a page.</p>
                            </div>
                            <!-- Ui-list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;<strong>Storage - 15GB</strong></li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Bandwidth - 3GB</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Email-id - 15</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Sql-Database - 12</li>
                                    <li><i class="fa fa-check green"></i> &nbsp; &nbsp;Phone - Support</li>
                                </ul>
                            </div>
                        </div><!--/ item -->
                    </div>
                </div>
            </div><!--/Container -->
        </div><!--/Ui-2 -->