cornford-michael icon

ui-1

cornford-michael | PRO | 10/03/17 03:19:07 AM UTC | 0 ⭐ | 1284 👁️ | Never ⏰ | []
HTML |

4.02 KB

|

None

|

0 👍

/

0 👎

Raw Download Clone Embed Print View 
<!-- 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 - [email protected] &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 - [email protected] &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 - [email protected] &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 - [email protected] &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 - [email protected] &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 - [email protected] &nbsp; &nbsp; &nbsp; SQL-db - Expedita Distinctio</p>                          
                        </div>
                        <!-- UI Item Ends -->
                    </div>
                </div>
                
            </div>
        </div>
        <!-- UI-1 Ends -->

Comments