ui-1

<!-- UI-1 Starts -->
        <div class="ui-1">
            <div class="container">

                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-red">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Basic Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-red">$100 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 1GB &nbsp; &nbsp; &nbsp; Bandwidth - 10GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - obtain@y.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-green">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Professional Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-green">$300 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 5GB &nbsp; &nbsp; &nbsp; Bandwidth - 25GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - vero@h.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-blue">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Enterprise Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-lblue">$600 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 10GB &nbsp; &nbsp; &nbsp; Bandwidth - 40GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - nobis@g.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-yellow">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Basic Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-yellow">$100 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 1GB &nbsp; &nbsp; &nbsp; Bandwidth - 10GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - ensue@t.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-red">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Basic Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-red">$100 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 1GB &nbsp; &nbsp; &nbsp; Bandwidth - 10GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - obtain@y.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <!-- UI Item Starts -->
                        <div class="ui-item br-green">
                            <!-- UI Details -->
                            <div class="ui-details">
                                <!-- Heading -->
                                <h2>Professional Plans</h2>
                                <!-- Button -->
                                <a href="#" class="btn btn-green">$300 / Year</a>
                            </div>
                            <div class="clearfix"></div>
                            <!-- Paragraph -->
                            <p>Storage - 5GB &nbsp; &nbsp; &nbsp; Bandwidth - 25GB &nbsp; &nbsp; &nbsp; Support - Expedita<br/>Email-Id - vero@h.com &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                </div>

            </div>
        </div>
        <!-- UI-1 Ends -->