API tools faq
paste
Advertisement
cornford-michael

ui-180

cornford-michael
Oct 2nd, 2017
461
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.28 KB | None | 0 0
raw download clone embed print report
  1.     <!-- UI X -->
  2.         <div class="ui-180">
  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.                             </div>
  15.                             <div class="ui-chart">
  16.                                 <div class="list">
  17.                                     <!-- Item -->
  18.                                     <div class="l-item">
  19.                                         <div class="graph">
  20.                                             <!-- Height -->
  21.                                             <div class="in-graph bg-red" style="height:40%"></div>
  22.                                         </div>
  23.                                         <!-- Heading -->
  24.                                         <h6>S</h6>
  25.                                     </div>
  26.                                     <!-- Item -->
  27.                                     <div class="l-item">
  28.                                         <div class="graph">
  29.                                             <!-- Height -->
  30.                                             <div class="in-graph bg-green" style="height:30%"></div>
  31.                                         </div>
  32.                                         <!-- Heading -->
  33.                                         <h6>M</h6>
  34.                                     </div>
  35.                                     <!-- Item -->
  36.                                     <div class="l-item">
  37.                                         <div class="graph">
  38.                                             <!-- Height -->
  39.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  40.                                         </div>
  41.                                         <!-- Heading -->
  42.                                         <h6>T</h6>
  43.                                     </div>
  44.                                     <!-- Item -->
  45.                                     <div class="l-item">
  46.                                         <div class="graph">
  47.                                             <!-- Height -->
  48.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  49.                                         </div>
  50.                                         <!-- Heading -->
  51.                                         <h6>W</h6>
  52.                                     </div>
  53.                                     <!-- Item -->
  54.                                     <div class="l-item">
  55.                                         <div class="graph">
  56.                                             <!-- Height -->
  57.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  58.                                         </div>
  59.                                         <!-- Heading -->
  60.                                         <h6>T</h6>
  61.                                     </div>
  62.                                     <!-- Item -->
  63.                                     <div class="l-item">
  64.                                         <div class="graph">
  65.                                             <!-- Height -->
  66.                                             <div class="in-graph bg-rose" style="height:47%"></div>
  67.                                         </div>
  68.                                         <!-- Heading -->
  69.                                         <h6>F</h6>
  70.                                     </div>
  71.                                     <!-- Item -->
  72.                                     <div class="l-item">
  73.                                         <div class="graph">
  74.                                             <!-- Height -->
  75.                                             <div class="in-graph bg-purple" style="height:22%"></div>
  76.                                         </div>
  77.                                         <!-- Heading -->
  78.                                         <h6>S</h6>
  79.                                     </div>
  80.                                 </div>
  81.                             </div>
  82.                             <div class="ui-foot">
  83.                                 <div class="row">
  84.                                     <div class="col-xs-6">
  85.                                         <h3>Today</h3>
  86.                                         <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2>
  87.                                     </div>
  88.                                     <div class="col-xs-6">
  89.                                         <h3>Yesterday</h3>
  90.                                         <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2>
  91.                                     </div>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                    
  96.                     </div>
  97.                    
  98.                     <div class="col-md-3 col-sm-6">
  99.                    
  100.                         <!-- UI Item -->
  101.                         <div class="ui-item">
  102.                             <div class="ui-top">
  103.                                 <!-- Heading -->
  104.                                 <h4>Yesterday's Visitors</h4>
  105.                             </div>
  106.                             <div class="ui-chart">
  107.                                 <div class="list">
  108.                                     <!-- Item -->
  109.                                     <div class="l-item">
  110.                                         <div class="graph">
  111.                                             <!-- Height -->
  112.                                             <div class="in-graph bg-red" style="height:40%"></div>
  113.                                         </div>
  114.                                         <!-- Heading -->
  115.                                         <h6>S</h6>
  116.                                     </div>
  117.                                     <!-- Item -->
  118.                                     <div class="l-item">
  119.                                         <div class="graph">
  120.                                             <!-- Height -->
  121.                                             <div class="in-graph bg-green" style="height:30%"></div>
  122.                                         </div>
  123.                                         <!-- Heading -->
  124.                                         <h6>M</h6>
  125.                                     </div>
  126.                                     <!-- Item -->
  127.                                     <div class="l-item">
  128.                                         <div class="graph">
  129.                                             <!-- Height -->
  130.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  131.                                         </div>
  132.                                         <!-- Heading -->
  133.                                         <h6>T</h6>
  134.                                     </div>
  135.                                     <!-- Item -->
  136.                                     <div class="l-item">
  137.                                         <div class="graph">
  138.                                             <!-- Height -->
  139.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  140.                                         </div>
  141.                                         <!-- Heading -->
  142.                                         <h6>W</h6>
  143.                                     </div>
  144.                                     <!-- Item -->
  145.                                     <div class="l-item">
  146.                                         <div class="graph">
  147.                                             <!-- Height -->
  148.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  149.                                         </div>
  150.                                         <!-- Heading -->
  151.                                         <h6>T</h6>
  152.                                     </div>
  153.                                     <!-- Item -->
  154.                                     <div class="l-item">
  155.                                         <div class="graph">
  156.                                             <!-- Height -->
  157.                                             <div class="in-graph bg-rose" style="height:47%"></div>
  158.                                         </div>
  159.                                         <!-- Heading -->
  160.                                         <h6>F</h6>
  161.                                     </div>
  162.                                     <!-- Item -->
  163.                                     <div class="l-item">
  164.                                         <div class="graph">
  165.                                             <!-- Height -->
  166.                                             <div class="in-graph bg-purple" style="height:22%"></div>
  167.                                         </div>
  168.                                         <!-- Heading -->
  169.                                         <h6>S</h6>
  170.                                     </div>
  171.                                 </div>
  172.                             </div>
  173.                             <div class="ui-foot">
  174.                                 <div class="row">
  175.                                     <div class="col-xs-6">
  176.                                         <h3>Today</h3>
  177.                                         <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2>
  178.                                     </div>
  179.                                     <div class="col-xs-6">
  180.                                         <h3>Yesterday</h3>
  181.                                         <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2>
  182.                                     </div>
  183.                                 </div>
  184.                             </div>
  185.                         </div>
  186.                    
  187.                     </div>
  188.                    
  189.                     <div class="col-md-3 col-sm-6">
  190.                    
  191.                         <!-- UI Item -->
  192.                         <div class="ui-item">
  193.                             <div class="ui-top">
  194.                                 <!-- Heading -->
  195.                                 <h4>Total Downloads</h4>
  196.                             </div>
  197.                             <div class="ui-chart">
  198.                                 <div class="list">
  199.                                     <!-- Item -->
  200.                                     <div class="l-item">
  201.                                         <div class="graph">
  202.                                             <!-- Height -->
  203.                                             <div class="in-graph bg-red" style="height:40%"></div>
  204.                                         </div>
  205.                                         <!-- Heading -->
  206.                                         <h6>S</h6>
  207.                                     </div>
  208.                                     <!-- Item -->
  209.                                     <div class="l-item">
  210.                                         <div class="graph">
  211.                                             <!-- Height -->
  212.                                             <div class="in-graph bg-green" style="height:30%"></div>
  213.                                         </div>
  214.                                         <!-- Heading -->
  215.                                         <h6>M</h6>
  216.                                     </div>
  217.                                     <!-- Item -->
  218.                                     <div class="l-item">
  219.                                         <div class="graph">
  220.                                             <!-- Height -->
  221.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  222.                                         </div>
  223.                                         <!-- Heading -->
  224.                                         <h6>T</h6>
  225.                                     </div>
  226.                                     <!-- Item -->
  227.                                     <div class="l-item">
  228.                                         <div class="graph">
  229.                                             <!-- Height -->
  230.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  231.                                         </div>
  232.                                         <!-- Heading -->
  233.                                         <h6>W</h6>
  234.                                     </div>
  235.                                     <!-- Item -->
  236.                                     <div class="l-item">
  237.                                         <div class="graph">
  238.                                             <!-- Height -->
  239.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  240.                                         </div>
  241.                                         <!-- Heading -->
  242.                                         <h6>T</h6>
  243.                                     </div>
  244.                                     <!-- Item -->
  245.                                     <div class="l-item">
  246.                                         <div class="graph">
  247.                                             <!-- Height -->
  248.                                             <div class="in-graph bg-rose" style="height:47%"></div>
  249.                                         </div>
  250.                                         <!-- Heading -->
  251.                                         <h6>F</h6>
  252.                                     </div>
  253.                                     <!-- Item -->
  254.                                     <div class="l-item">
  255.                                         <div class="graph">
  256.                                             <!-- Height -->
  257.                                             <div class="in-graph bg-purple" style="height:22%"></div>
  258.                                         </div>
  259.                                         <!-- Heading -->
  260.                                         <h6>S</h6>
  261.                                     </div>
  262.                                 </div>
  263.                             </div>
  264.                             <div class="ui-foot">
  265.                                 <div class="row">
  266.                                     <div class="col-xs-6">
  267.                                         <h3>Today</h3>
  268.                                         <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2>
  269.                                     </div>
  270.                                     <div class="col-xs-6">
  271.                                         <h3>Yesterday</h3>
  272.                                         <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2>
  273.                                     </div>
  274.                                 </div>
  275.                             </div>
  276.                         </div>
  277.                    
  278.                     </div>
  279.                    
  280.                     <div class="col-md-3 col-sm-6">
  281.                    
  282.                         <!-- UI Item -->
  283.                         <div class="ui-item">
  284.                             <div class="ui-top">
  285.                                 <!-- Heading -->
  286.                                 <h4>Current Income</h4>
  287.                             </div>
  288.                             <div class="ui-chart">
  289.                                 <div class="list">
  290.                                     <!-- Item -->
  291.                                     <div class="l-item">
  292.                                         <div class="graph">
  293.                                             <!-- Height -->
  294.                                             <div class="in-graph bg-red" style="height:40%"></div>
  295.                                         </div>
  296.                                         <!-- Heading -->
  297.                                         <h6>S</h6>
  298.                                     </div>
  299.                                     <!-- Item -->
  300.                                     <div class="l-item">
  301.                                         <div class="graph">
  302.                                             <!-- Height -->
  303.                                             <div class="in-graph bg-green" style="height:30%"></div>
  304.                                         </div>
  305.                                         <!-- Heading -->
  306.                                         <h6>M</h6>
  307.                                     </div>
  308.                                     <!-- Item -->
  309.                                     <div class="l-item">
  310.                                         <div class="graph">
  311.                                             <!-- Height -->
  312.                                             <div class="in-graph bg-yellow" style="height:60%"></div>
  313.                                         </div>
  314.                                         <!-- Heading -->
  315.                                         <h6>T</h6>
  316.                                     </div>
  317.                                     <!-- Item -->
  318.                                     <div class="l-item">
  319.                                         <div class="graph">
  320.                                             <!-- Height -->
  321.                                             <div class="in-graph bg-lblue" style="height:70%"></div>
  322.                                         </div>
  323.                                         <!-- Heading -->
  324.                                         <h6>W</h6>
  325.                                     </div>
  326.                                     <!-- Item -->
  327.                                     <div class="l-item">
  328.                                         <div class="graph">
  329.                                             <!-- Height -->
  330.                                             <div class="in-graph bg-orange" style="height:60%"></div>
  331.                                         </div>
  332.                                         <!-- Heading -->
  333.                                         <h6>T</h6>
  334.                                     </div>
  335.                                     <!-- Item -->
  336.                                     <div class="l-item">
  337.                                         <div class="graph">
  338.                                             <!-- Height -->
  339.                                             <div class="in-graph bg-rose" style="height:47%"></div>
  340.                                         </div>
  341.                                         <!-- Heading -->
  342.                                         <h6>F</h6>
  343.                                     </div>
  344.                                     <!-- Item -->
  345.                                     <div class="l-item">
  346.                                         <div class="graph">
  347.                                             <!-- Height -->
  348.                                             <div class="in-graph bg-purple" style="height:22%"></div>
  349.                                         </div>
  350.                                         <!-- Heading -->
  351.                                         <h6>S</h6>
  352.                                     </div>
  353.                                 </div>
  354.                             </div>
  355.                             <div class="ui-foot">
  356.                                 <div class="row">
  357.                                     <div class="col-xs-6">
  358.                                         <h3>Today</h3>
  359.                                         <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2>
  360.                                     </div>
  361.                                     <div class="col-xs-6">
  362.                                         <h3>Yesterday</h3>
  363.                                         <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2>
  364.                                     </div>
  365.                                 </div>
  366.                             </div>
  367.                         </div>
  368.                    
  369.                     </div>
  370.                    
  371.                 </div>
  372.             </div>
  373.        
  374.         </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!