Advertisement
cornford-michael

ui-36

Oct 1st, 2017
406
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.60 KB | None | 0 0
  1. <!-- UI - X Starts -->
  2.         <div class="ui-36">
  3.             <!-- Button -->
  4.             <div class="ui-btn">
  5.                 <!-- Icon -->
  6.                 <a href="#"> <i class="fa fa-angle-up bg-lblue"></i> </a>              
  7.             </div>
  8.             <!-- Content -->
  9.             <div class="ui-content">
  10.                 <div class="container">
  11.                     <div class="row">
  12.                         <div class="col-md-3 col-sm-3 col-xs-12">
  13.                             <!-- Item -->
  14.                             <div class="ui-item">
  15.                                 <!-- Bar -->
  16.                                 <div class="ui-bar">
  17.                                     <!-- SpakBar -->
  18.                                     <span class="sparkbar sparkbarone">23,76,46,75,60,70,77,89,34,12</span>
  19.                                 </div>
  20.                                 <!-- Heading -->
  21.                                 <div class="ui-heading">
  22.                                     <!-- Small Heading -->
  23.                                     <h5>Lipsum</h5>
  24.                                     <!-- Big Heading  -->
  25.                                     <h2>4,245</h2>
  26.                                 </div>
  27.                                 <div class="clearfix"></div>
  28.                                 <!-- Icon -->
  29.                                 <div class="ui-icon">
  30.                                     <!-- Icon and Number -->
  31.                                     <a href="#"><i class="fa fa-angle-up bg-red"></i></a> &nbsp;<span>2,345</span> &nbsp; <a href="#"><i class="fa fa-angle-down bg-green"></i></a> &nbsp;<span>2,245</span>
  32.                                 </div>
  33.                                 <div class="clearfix"></div>   
  34.                             </div>
  35.                         </div>
  36.                         <div class="col-md-3 col-sm-3 col-xs-12">
  37.                             <!-- Item -->
  38.                             <div class="ui-item">
  39.                                 <!-- Bar -->
  40.                                 <div class="ui-bar">
  41.                                     <!-- SparkBar -->
  42.                                     <span class="sparkbar sparkbartwo">34,55,66,76,46,80,10,16,56,66</span>
  43.                                 </div>
  44.                                 <!-- Heading -->
  45.                                 <div class="ui-heading">
  46.                                     <!-- Small Heading -->
  47.                                     <h5>Lorem</h5>
  48.                                     <!-- Big Heading -->
  49.                                     <h2>2,567</h2>
  50.                                 </div>
  51.                                 <div class="clearfix"></div>
  52.                                 <!-- Icon -->
  53.                                 <div class="ui-icon">
  54.                                     <!-- Icon and Number -->
  55.                                     <a href="#"><i class="fa fa-angle-up bg-red"></i></a> &nbsp;<span>2,345</span> &nbsp; <a href="#"><i class="fa fa-angle-down bg-green"></i></a> &nbsp;<span>4,345</span>
  56.                                 </div>
  57.                             </div>
  58.                         </div>
  59.                         <div class="col-md-3 col-sm-3 col-xs-12">
  60.                             <!-- Item -->
  61.                             <div class="ui-item">
  62.                                 <!-- Bar -->
  63.                                 <div class="ui-bar">   
  64.                                     <!-- SparkBar -->
  65.                                     <span class="sparkbar sparkbarthree">6,7,12,3,4,9,6,10,8,9</span>
  66.                                 </div>
  67.                                 <!-- Heading -->
  68.                                 <div class="ui-heading">
  69.                                     <!-- Small Heading -->
  70.                                     <h5>Finibus</h5>
  71.                                     <!-- Big Heading -->
  72.                                     <h2>3,890</h2>
  73.                                 </div>
  74.                                 <div class="clearfix"></div>
  75.                                 <!-- Icon -->
  76.                                 <div class="ui-icon">
  77.                                     <!-- Icon and Number -->
  78.                                     <a href="#"><i class="fa fa-angle-up bg-red"></i></a> &nbsp;<span>1,345</span> &nbsp; <a href="#"><i class="fa fa-angle-down bg-green"></i></a> &nbsp;<span>1,245</span>
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                         <div class="col-md-3 col-sm-3 col-xs-12">
  83.                             <!-- Item -->
  84.                             <div class="ui-item">
  85.                                 <!-- Bar -->
  86.                                 <div class="ui-bar">
  87.                                     <!-- SparkBar -->
  88.                                     <span class="sparkbar sparkbarfour">80,90,56,67,23,45,76,46,66,12</span>
  89.                                 </div>
  90.                                 <!-- Heading -->
  91.                                 <div class="ui-heading">
  92.                                     <!-- Small Heading -->
  93.                                     <h5>Marolum</h5>
  94.                                     <!-- Big Heading -->
  95.                                     <h2>7,678</h2>
  96.                                 </div>
  97.                                 <div class="clearfix"></div>
  98.                                 <!-- Icon -->
  99.                                 <div class="ui-icon">
  100.                                     <!-- Icon and Number -->
  101.                                     <a href="#"><i class="fa fa-angle-up bg-red"></i></a> &nbsp;<span>9,345</span> &nbsp; <a href="#"><i class="fa fa-angle-down bg-green"></i></a> &nbsp;<span>5,345</span>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.         <!-- UI - X Ends -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement