Advertisement
cornford-michael

ui-6

Oct 2nd, 2017
408
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.30 KB | None | 0 0
  1. <!-- UI # -->
  2.         <div class="ui-6">
  3.             <!-- Container -->
  4.             <div class="container">
  5.                 <div class="row">
  6.                     <div class="col-md-6">
  7.                         <!-- UI item -->
  8.                         <div class="ui-item">
  9.                             <!-- UI icon -->
  10.                             <div class="ui-icon bg-green">
  11.                                 <!-- Icon -->
  12.                                 <a href="#"><i class="fa fa-life-ring"></i></a>
  13.                                 <!-- Heading -->
  14.                                 <h3><a href="#">Designing</a></h3>
  15.                             </div>
  16.                        
  17.                             <!-- Ui-list -->
  18.                             <div class="ui-list">
  19.                                 <ul class="list-unstyled">
  20.                                     <li><i class="fa fa-fire bg-green"></i> &nbsp; Basic Design</li>
  21.                                     <li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
  22.                                     <li><i class="fa fa-bullseye bg-red"></i> &nbsp; UI-design</li>
  23.                                     <li><i class="fa fa-crosshairs bg-lblue"></i> &nbsp; Graphic Design</li>
  24.                                 </ul>
  25.                             </div>
  26.                             <div class="clearfix"></div>
  27.                         </div><!--/  UI item -->
  28.                     </div>
  29.                     <div class="col-md-6">
  30.                         <!-- UI item -->
  31.                         <div class="ui-item">
  32.                             <!-- Ui icon -->
  33.                             <div class="ui-icon bg-blue">
  34.                                 <a href="#"><i class="fa fa-joomla"></i></a>
  35.                                 <h3><a href="#">Web Developement</a></h3>
  36.                             </div>
  37.                             <!-- UI List -->
  38.                             <div class="ui-list">
  39.                                 <ul class="list-unstyled">
  40.                                     <li><i class="fa fa-paw bg-blue"></i> &nbsp; Tools</li>
  41.                                     <li><i class="fa fa-microphone bg-red"></i> &nbsp; Services</li>
  42.                                     <li><i class="fa fa-language bg-lblue"></i> &nbsp; Languages</li>
  43.                                     <li><i class="fa fa-life-ring bg-green"></i> &nbsp; Application</li>
  44.                                 </ul>
  45.                             </div>
  46.                             <div class="clearfix"></div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.                 <div class="row">
  51.                     <div class="col-md-6">
  52.                         <!-- UI item -->
  53.                         <div class="ui-item ">
  54.                             <!-- Ui icon -->
  55.                             <div class="ui-icon bg-red">
  56.                                 <!-- Icon -->
  57.                                 <a href="#"><i class="fa fa-comments"></i></a>
  58.                                 <!-- hheading -->
  59.                                 <h3><a href="#">Testing</a></h3>
  60.                             </div>
  61.                             <!-- Ui list -->
  62.                             <div class="ui-list">
  63.                                 <ul class="list-unstyled">
  64.                                     <li><i class="fa fa-paw bg-lblue"></i> &nbsp; Requirement</li>
  65.                                     <li><i class="fa fa-star-o bg-green"></i> &nbsp; Manual Testing</li>
  66.                                     <li><i class="fa fa-tint bg-blue"></i> &nbsp; System Testing</li>
  67.                                     <li><i class="fa fa-trash-o bg-red"></i> &nbsp; Documentation</li>
  68.                                 </ul>
  69.                             </div>
  70.                             <div class="clearfix"></div>
  71.                         </div>
  72.                     </div>
  73.                     <div class="col-md-6">
  74.                         <!-- Ui item -->
  75.                         <div class="ui-item">
  76.                             <!-- UI icon -->
  77.                             <div class="ui-icon bg-lblue">
  78.                                 <!-- Icon -->
  79.                                 <a href="#"><i class="fa fa-asterisk"></i></a>
  80.                                 <!-- Heading -->
  81.                                 <h3><a href="#">Maintenance</a></h3>
  82.                             </div>
  83.                             <!-- UI list -->
  84.                             <div class="ui-list">
  85.                                 <ul class="list-unstyled">
  86.                                     <li><i class="fa fa-tree bg-red"></i> &nbsp; Storage</li>
  87.                                     <li><i class="fa fa-comment bg-blue"></i> &nbsp; Bandwidth</li>
  88.                                     <li><i class="fa fa-shield bg-green"></i> &nbsp; Support</li>
  89.                                     <li><i class="fa fa-gift bg-lblue"></i> &nbsp; Dtabase</li>
  90.                                 </ul>
  91.                             </div>
  92.                             <div class="clearfix"></div>
  93.                         </div><!-- /UI item -->
  94.                     </div>
  95.                 </div>
  96.             </div><!-- /Container -->
  97.         </div><!-- /ui-6 -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement