Advertisement
cornford-michael

ui-61

Oct 2nd, 2017
421
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.87 KB | None | 0 0
  1. <!-- UI X -->
  2.         <div class="ui-61">
  3.        
  4.             <div class="container">
  5.                 <div class="row">
  6.                    
  7.                     <div class="col-md-3 col-sm-6">
  8.                    
  9.                         <!-- UI Item -->
  10.                         <div class="ui-item">
  11.                             <div class="ui-top">
  12.                                 <!-- Heading -->
  13.                                 <h4>Today's Visitors</h4>
  14.                                 <h2 class="lblue">24,599</h2>
  15.                             </div>
  16.                             <div class="ui-bottom">
  17.                                 <div class="list">
  18.                                     <!-- Item -->
  19.                                     <div class="l-item">
  20.                                         <div class="graph">
  21.                                             <!-- Height -->
  22.                                             <div class="in-graph bg-red" style="height:40%"></div>
  23.                                         </div>
  24.                                         <!-- Heading -->
  25.                                         <h6>Mon</h6>
  26.                                     </div>
  27.                                     <!-- Item -->
  28.                                     <div class="l-item">
  29.                                         <div class="graph">
  30.                                             <!-- Height -->
  31.                                             <div class="in-graph bg-green" style="height:30%"></div>
  32.                                         </div>
  33.                                         <!-- Heading -->
  34.                                         <h6>Tue</h6>
  35.                                     </div>
  36.                                     <!-- Item -->
  37.                                     <div class="l-item">
  38.                                         <div class="graph">
  39.                                             <!-- Height -->
  40.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  41.                                         </div>
  42.                                         <!-- Heading -->
  43.                                         <h6>Wed</h6>
  44.                                     </div>
  45.                                     <!-- Item -->
  46.                                     <div class="l-item">
  47.                                         <div class="graph">
  48.                                             <!-- Height -->
  49.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  50.                                         </div>
  51.                                         <!-- Heading -->
  52.                                         <h6>Thu</h6>
  53.                                     </div>
  54.                                     <!-- Item -->
  55.                                     <div class="l-item">
  56.                                         <div class="graph">
  57.                                             <!-- Height -->
  58.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  59.                                         </div>
  60.                                         <!-- Heading -->
  61.                                         <h6>Fri</h6>
  62.                                     </div>
  63.                                 </div>
  64.                             </div>
  65.                         </div>
  66.                    
  67.                     </div>
  68.                    
  69.                     <div class="col-md-3 col-sm-6">
  70.                    
  71.                         <!-- UI Item -->
  72.                         <div class="ui-item">
  73.                             <div class="ui-top">
  74.                                 <!-- Heading -->
  75.                                 <h4>Yesterday's Visitors</h4>
  76.                                 <h2 class="lblue">15,699</h2>
  77.                             </div>
  78.                             <div class="ui-bottom">
  79.                                 <div class="list">
  80.                                     <!-- Item -->
  81.                                     <div class="l-item">
  82.                                         <div class="graph">
  83.                                             <!-- Height -->
  84.                                             <div class="in-graph bg-red" style="height:40%"></div>
  85.                                         </div>
  86.                                         <!-- Heading -->
  87.                                         <h6>Mon</h6>
  88.                                     </div>
  89.                                     <!-- Item -->
  90.                                     <div class="l-item">
  91.                                         <div class="graph">
  92.                                             <!-- Height -->
  93.                                             <div class="in-graph bg-green" style="height:30%"></div>
  94.                                         </div>
  95.                                         <!-- Heading -->
  96.                                         <h6>Tue</h6>
  97.                                     </div>
  98.                                     <!-- Item -->
  99.                                     <div class="l-item">
  100.                                         <div class="graph">
  101.                                             <!-- Height -->
  102.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  103.                                         </div>
  104.                                         <!-- Heading -->
  105.                                         <h6>Wed</h6>
  106.                                     </div>
  107.                                     <!-- Item -->
  108.                                     <div class="l-item">
  109.                                         <div class="graph">
  110.                                             <!-- Height -->
  111.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  112.                                         </div>
  113.                                         <!-- Heading -->
  114.                                         <h6>Thu</h6>
  115.                                     </div>
  116.                                     <!-- Item -->
  117.                                     <div class="l-item">
  118.                                         <div class="graph">
  119.                                             <!-- Height -->
  120.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  121.                                         </div>
  122.                                         <!-- Heading -->
  123.                                         <h6>Fri</h6>
  124.                                     </div>
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.                    
  129.                     </div>
  130.                    
  131.                     <div class="col-md-3 col-sm-6">
  132.                    
  133.                         <!-- UI Item -->
  134.                         <div class="ui-item">
  135.                             <div class="ui-top">
  136.                                 <!-- Heading -->
  137.                                 <h4>Total Downloads</h4>
  138.                                 <h2 class="lblue">1,24,599</h2>
  139.                             </div>
  140.                             <div class="ui-bottom">
  141.                                 <div class="list">
  142.                                     <!-- Item -->
  143.                                     <div class="l-item">
  144.                                         <div class="graph">
  145.                                             <!-- Height -->
  146.                                             <div class="in-graph bg-red" style="height:40%"></div>
  147.                                         </div>
  148.                                         <!-- Heading -->
  149.                                         <h6>Mon</h6>
  150.                                     </div>
  151.                                     <!-- Item -->
  152.                                     <div class="l-item">
  153.                                         <div class="graph">
  154.                                             <!-- Height -->
  155.                                             <div class="in-graph bg-green" style="height:30%"></div>
  156.                                         </div>
  157.                                         <!-- Heading -->
  158.                                         <h6>Tue</h6>
  159.                                     </div>
  160.                                     <!-- Item -->
  161.                                     <div class="l-item">
  162.                                         <div class="graph">
  163.                                             <!-- Height -->
  164.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  165.                                         </div>
  166.                                         <!-- Heading -->
  167.                                         <h6>Wed</h6>
  168.                                     </div>
  169.                                     <!-- Item -->
  170.                                     <div class="l-item">
  171.                                         <div class="graph">
  172.                                             <!-- Height -->
  173.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  174.                                         </div>
  175.                                         <!-- Heading -->
  176.                                         <h6>Thu</h6>
  177.                                     </div>
  178.                                     <!-- Item -->
  179.                                     <div class="l-item">
  180.                                         <div class="graph">
  181.                                             <!-- Height -->
  182.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  183.                                         </div>
  184.                                         <!-- Heading -->
  185.                                         <h6>Fri</h6>
  186.                                     </div>
  187.                                 </div>
  188.                             </div>
  189.                         </div>
  190.                    
  191.                     </div>
  192.                    
  193.                     <div class="col-md-3 col-sm-6">
  194.                    
  195.                         <!-- UI Item -->
  196.                         <div class="ui-item">
  197.                             <div class="ui-top">
  198.                                 <!-- Heading -->
  199.                                 <h4>Current Income</h4>
  200.                                 <h2 class="lblue">$54,599</h2>
  201.                             </div>
  202.                             <div class="ui-bottom">
  203.                                 <div class="list">
  204.                                     <!-- Item -->
  205.                                     <div class="l-item">
  206.                                         <div class="graph">
  207.                                             <!-- Height -->
  208.                                             <div class="in-graph bg-red" style="height:40%"></div>
  209.                                         </div>
  210.                                         <!-- Heading -->
  211.                                         <h6>Mon</h6>
  212.                                     </div>
  213.                                     <!-- Item -->
  214.                                     <div class="l-item">
  215.                                         <div class="graph">
  216.                                             <!-- Height -->
  217.                                             <div class="in-graph bg-green" style="height:30%"></div>
  218.                                         </div>
  219.                                         <!-- Heading -->
  220.                                         <h6>Tue</h6>
  221.                                     </div>
  222.                                     <!-- Item -->
  223.                                     <div class="l-item">
  224.                                         <div class="graph">
  225.                                             <!-- Height -->
  226.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  227.                                         </div>
  228.                                         <!-- Heading -->
  229.                                         <h6>Wed</h6>
  230.                                     </div>
  231.                                     <!-- Item -->
  232.                                     <div class="l-item">
  233.                                         <div class="graph">
  234.                                             <!-- Height -->
  235.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  236.                                         </div>
  237.                                         <!-- Heading -->
  238.                                         <h6>Thu</h6>
  239.                                     </div>
  240.                                     <!-- Item -->
  241.                                     <div class="l-item">
  242.                                         <div class="graph">
  243.                                             <!-- Height -->
  244.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  245.                                         </div>
  246.                                         <!-- Heading -->
  247.                                         <h6>Fri</h6>
  248.                                     </div>
  249.                                 </div>
  250.                             </div>
  251.                         </div>
  252.                    
  253.                     </div>
  254.                    
  255.                 </div>
  256.             </div>
  257.        
  258.         </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement