Advertisement
cornford-michael

ui-75

Oct 1st, 2017
365
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.76 KB | None | 0 0
  1. <!-- UI - X -->
  2.         <div class="ui-75">
  3.             <div class="container">
  4.                 <div class="row">
  5.                     <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
  6.                         <!-- Item -->
  7.                         <div class="ui-item">
  8.                             <!-- Heading -->
  9.                             <h2 class="bg-red"><a href="#">Review</a></h2>
  10.                             <!-- Unordered Listing -->
  11.                             <ul class="clearfix">
  12.                                 <!-- Icon, Text, Number, Bar-chart -->
  13.                                 <li><a href="#"><i class="fa fa-book red"></i> Visits</a> <span class="bar-one bar-chart">8,9,7,5,8,6,8,9,10</span><span>1,000</span></li>
  14.                                 <!-- Icon, Text, Number, Bar-chart -->
  15.                                 <li><a href="#"><i class="fa fa-building-o lblue"></i> Visitors</a> <span class="bar-two bar-chart">12,13,10,8,9,13,6,12,10</span><span>5,000</span></li>
  16.                                 <!-- Icon, Text, Number, Bar-chart -->
  17.                                 <li><a href="#"><i class="fa fa-calculator green"></i> Income</a> <span class="bar-three bar-chart">10,8,9,6,10,12,13,8,10</span><span>6,000</span></li>
  18.                             </ul>
  19.                         </div>
  20.                     </div>
  21.                    
  22.                     <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
  23.                         <!-- Item -->
  24.                         <div class="ui-item">
  25.                             <!-- Heading -->
  26.                             <h2 class="bg-lblue"><a href="#">Product</a></h2>
  27.                             <!-- Unordered Listing --> 
  28.                             <ul class="clearfix">
  29.                                 <!-- Icon, Text, Number, Bar-chart -->
  30.                                 <li><a href="#"><i class="fa fa-database purple"></i> Product</a> <span class="bar-four bar-chart">10,12,13,10,9,8,5,10,12</span><span>1,200</span></li>
  31.                                 <!-- Icon, Text, Number, Bar-chart -->
  32.                                 <li><a href="#"><i class="fa fa-folder rose"></i> Quantity</a> <span class="bar-five bar-chart">15,12,10,9,12,15,16,10,12</span><span>1,900</span></li>
  33.                                 <!-- Icon, Text, Number, Bar-chart -->
  34.                                 <li><a href="#"><i class="fa fa-tag brown"></i> Price</a> <span class="bar-six bar-chart">12,10,9,10,15,13,9,6,10</span><span>1,300</span></li>
  35.                             </ul>
  36.                         </div>
  37.                     </div>
  38.                    
  39.                     <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
  40.                         <!-- Item -->
  41.                         <div class="ui-item">
  42.                             <!-- Heading -->
  43.                             <h2 class="bg-green"><a href="#">Comments</a></h2>
  44.                             <!-- Unordered Listing -->
  45.                             <ul class="clearfix">
  46.                                 <!-- Icon, Text, Number, Bar-chart -->
  47.                                 <li><a href="#"><i class="fa fa-comment yellow"></i> Comments</a> <span class="bar-seven bar-chart">12,13,17,10,9,8,10,8,14</span><span>2,200</span></li>
  48.                                 <!-- Icon, Text, Number, Bar-chart -->
  49.                                 <li><a href="#"><i class="fa fa-envelope orange"></i> Messages</a> <span class="bar-eight bar-chart">18,12,20,10,15,16,10,12,19</span><span>2,700</span></li>
  50.                                 <!-- Icon, Text, Number, Bar-chart -->
  51.                                 <li><a href="#"><i class="fa fa-thumbs-up green"></i> Likes</a> <span class="bar-nine bar-chart">12,13,9,10,12,14,17,8,12</span><span>2,320</span></li>
  52.                             </ul>
  53.                         </div>
  54.                     </div>
  55.                    
  56.                     <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
  57.                         <!-- Item -->
  58.                         <div class="ui-item">
  59.                             <!-- Heading -->
  60.                             <h2 class="bg-yellow"><a href="#">Tweets</a></h2>
  61.                             <!-- Unordered Listing -->
  62.                             <ul class="clearfix">
  63.                                 <!-- Icon, Text, Number, Bar-chart -->
  64.                                 <li><a href="#"><i class="fa fa-twitter blue"></i> Tweets</a> <span class="bar-ten bar-chart">12,16,29,34,10,9,9,34,45</span><span>1,570</span></li>
  65.                                 <!-- Icon, Text, Number, Bar-chart -->
  66.                                 <li><a href="#"><i class="fa fa-retweet rose"></i> Follower</a> <span class="bar-eleven bar-chart">10,10,12,13,16,18,9,10,12</span><span>1,900</span></li>
  67.                                 <!-- Icon, Text, Number, Bar-chart -->
  68.                                 <li><a href="#"><i class="fa fa-recycle brown"></i> Following</a> <span class="bar-twelve bar-chart">13,14,18,10,9,12,14,18,20</span><span>1,150</span></li>
  69.                             </ul>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.         <!-- UI - X Ends -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement