Advertisement
cornford-michael

ui-1

Oct 2nd, 2017
791
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.02 KB | None | 0 0
  1. <!-- UI-1 Starts -->
  2.         <div class="ui-1">
  3.             <div class="container">
  4.            
  5.                 <div class="row">
  6.                     <div class="col-md-6 col-sm-6 col-xs-12">
  7.                         <!-- UI Item Starts -->
  8.                         <div class="ui-item br-red">
  9.                             <!-- UI Details -->
  10.                             <div class="ui-details">
  11.                                 <!-- Heading -->
  12.                                 <h2>Basic Plans</h2>
  13.                                 <!-- Button -->
  14.                                 <a href="#" class="btn btn-red">$100 / Year</a>
  15.                             </div>
  16.                             <div class="clearfix"></div>
  17.                             <!-- Paragraph -->
  18.                             <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>                           
  19.                         </div>
  20.                         <!-- UI Item Ends -->
  21.                     </div>
  22.                     <div class="col-md-6 col-sm-6 col-xs-12">
  23.                         <!-- UI Item Starts -->
  24.                         <div class="ui-item br-green">
  25.                             <!-- UI Details -->
  26.                             <div class="ui-details">
  27.                                 <!-- Heading -->
  28.                                 <h2>Professional Plans</h2>
  29.                                 <!-- Button -->
  30.                                 <a href="#" class="btn btn-green">$300 / Year</a>
  31.                             </div>
  32.                             <div class="clearfix"></div>
  33.                             <!-- Paragraph -->
  34.                             <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>                         
  35.                         </div>
  36.                         <!-- UI Item Ends -->
  37.                     </div>
  38.                 </div>
  39.                
  40.                 <div class="row">  
  41.                     <div class="col-md-6 col-sm-6 col-xs-12">
  42.                         <!-- UI Item Starts -->
  43.                         <div class="ui-item br-blue">
  44.                             <!-- UI Details -->
  45.                             <div class="ui-details">
  46.                                 <!-- Heading -->
  47.                                 <h2>Enterprise Plans</h2>
  48.                                 <!-- Button -->
  49.                                 <a href="#" class="btn btn-lblue">$600 / Year</a>
  50.                             </div>
  51.                             <div class="clearfix"></div>
  52.                             <!-- Paragraph -->
  53.                             <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>                               
  54.                         </div>
  55.                         <!-- UI Item Ends -->
  56.                     </div>
  57.                     <div class="col-md-6 col-sm-6 col-xs-12">
  58.                         <!-- UI Item Starts -->
  59.                         <div class="ui-item br-yellow">
  60.                             <!-- UI Details -->
  61.                             <div class="ui-details">
  62.                                 <!-- Heading -->
  63.                                 <h2>Basic Plans</h2>
  64.                                 <!-- Button -->
  65.                                 <a href="#" class="btn btn-yellow">$100 / Year</a> 
  66.                             </div>
  67.                             <div class="clearfix"></div>   
  68.                             <!-- Paragraph -->
  69.                             <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>
  70.                         </div>
  71.                         <!-- UI Item Ends -->
  72.                     </div>
  73.                 </div>
  74.                
  75.                 <div class="row">
  76.                     <div class="col-md-6 col-sm-6 col-xs-12">
  77.                         <!-- UI Item Starts -->
  78.                         <div class="ui-item br-red">
  79.                             <!-- UI Details -->
  80.                             <div class="ui-details">
  81.                                 <!-- Heading -->
  82.                                 <h2>Basic Plans</h2>
  83.                                 <!-- Button -->
  84.                                 <a href="#" class="btn btn-red">$100 / Year</a>
  85.                             </div>
  86.                             <div class="clearfix"></div>
  87.                             <!-- Paragraph -->
  88.                             <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>                           
  89.                         </div>
  90.                         <!-- UI Item Ends -->
  91.                     </div>
  92.                     <div class="col-md-6 col-sm-6 col-xs-12">
  93.                         <!-- UI Item Starts -->
  94.                         <div class="ui-item br-green">
  95.                             <!-- UI Details -->
  96.                             <div class="ui-details">
  97.                                 <!-- Heading -->
  98.                                 <h2>Professional Plans</h2>
  99.                                 <!-- Button -->
  100.                                 <a href="#" class="btn btn-green">$300 / Year</a>
  101.                             </div>
  102.                             <div class="clearfix"></div>
  103.                             <!-- Paragraph -->
  104.                             <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>                         
  105.                         </div>
  106.                         <!-- UI Item Ends -->
  107.                     </div>
  108.                 </div>
  109.                
  110.             </div>
  111.         </div>
  112.         <!-- UI-1 Ends -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement