Advertisement
cornford-michael

ui-170

Oct 1st, 2017
401
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.81 KB | None | 0 0
  1. <!-- UI # -->
  2.         <div class="ui-170">
  3.        
  4.             <div class="container">
  5.                 <div class="row">
  6.                     <div class="col-md-3">
  7.                         <!-- Item -->
  8.                         <div class="ui-item bg-red">
  9.                            
  10.                             <div class="clearfix">
  11.                                 <!-- Icon & Heading -->
  12.                                 <div class="ui-left">
  13.                                     <i class="wi wi-night-snow-wind"></i>
  14.                                 </div>
  15.                                 <!-- Degree and city -->
  16.                                 <div class="ui-right">
  17.                                     <h2>39<span>&deg;C</span></h2>
  18.                                     <h3>New York</h3>
  19.                                 </div>
  20.                             </div>
  21.                            
  22.                             <!-- Speed and humidity -->
  23.                             <div class="extras">
  24.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  25.                             </div>
  26.                            
  27.                         </div>
  28.                     </div>
  29.                     <div class="col-md-3">
  30.                         <!-- Item -->
  31.                         <div class="ui-item bg-green">
  32.                            
  33.                             <div class="clearfix">
  34.                                 <!-- Icon & Heading -->
  35.                                 <div class="ui-left">
  36.                                     <i class="wi wi-night-snow-thunderstorm"></i>
  37.                                 </div>
  38.                                 <!-- Degree and city -->
  39.                                 <div class="ui-right">
  40.                                     <h2>69<span>&deg;C</span></h2>
  41.                                     <h3>New York</h3>
  42.                                 </div>
  43.                             </div>
  44.                            
  45.                             <!-- Speed and humidity -->
  46.                             <div class="extras">
  47.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  48.                             </div>
  49.                            
  50.                         </div>
  51.                     </div>
  52.                     <div class="col-md-3">
  53.                         <!-- Item -->
  54.                         <div class="ui-item bg-lblue">
  55.                            
  56.                             <div class="clearfix">
  57.                                 <!-- Icon & Heading -->
  58.                                 <div class="ui-left">
  59.                                     <i class="wi wi-day-cloudy"></i>
  60.                                 </div>
  61.                                 <!-- Degree and city -->
  62.                                 <div class="ui-right">
  63.                                     <h2>46<span>&deg;C</span></h2>
  64.                                     <h3>New York</h3>
  65.                                 </div>
  66.                             </div>
  67.                            
  68.                             <!-- Speed and humidity -->
  69.                             <div class="extras">
  70.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  71.                             </div>
  72.                            
  73.                         </div>
  74.                     </div>
  75.                     <div class="col-md-3">
  76.                         <!-- Item -->
  77.                         <div class="ui-item bg-orange">
  78.                            
  79.                             <div class="clearfix">
  80.                                 <!-- Icon & Heading -->
  81.                                 <div class="ui-left">
  82.                                     <i class="wi wi-day-sprinkle"></i>
  83.                                 </div>
  84.                                 <!-- Degree and city -->
  85.                                 <div class="ui-right">
  86.                                     <h2>34<span>&deg;C</span></h2>
  87.                                     <h3>New York</h3>
  88.                                 </div>
  89.                             </div>
  90.                            
  91.                             <!-- Speed and humidity -->
  92.                             <div class="extras">
  93.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  94.                             </div>
  95.                            
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.                 <div class="row">
  100.                     <div class="col-md-3">
  101.                         <!-- Item -->
  102.                         <div class="ui-item bg-yellow">
  103.                            
  104.                             <div class="clearfix">
  105.                                 <!-- Icon & Heading -->
  106.                                 <div class="ui-left">
  107.                                     <i class="wi wi-night-snow-wind"></i>
  108.                                 </div>
  109.                                 <!-- Degree and city -->
  110.                                 <div class="ui-right">
  111.                                     <h2>39<span>&deg;C</span></h2>
  112.                                     <h3>New York</h3>
  113.                                 </div>
  114.                             </div>
  115.                            
  116.                             <!-- Speed and humidity -->
  117.                             <div class="extras">
  118.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  119.                             </div>
  120.                            
  121.                         </div>
  122.                     </div>
  123.                     <div class="col-md-3">
  124.                         <!-- Item -->
  125.                         <div class="ui-item bg-blue">
  126.                            
  127.                             <div class="clearfix">
  128.                                 <!-- Icon & Heading -->
  129.                                 <div class="ui-left">
  130.                                     <i class="wi wi-night-snow-thunderstorm"></i>
  131.                                 </div>
  132.                                 <!-- Degree and city -->
  133.                                 <div class="ui-right">
  134.                                     <h2>69<span>&deg;C</span></h2>
  135.                                     <h3>New York</h3>
  136.                                 </div>
  137.                             </div>
  138.                            
  139.                             <!-- Speed and humidity -->
  140.                             <div class="extras">
  141.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  142.                             </div>
  143.                            
  144.                         </div>
  145.                     </div>
  146.                     <div class="col-md-3">
  147.                         <!-- Item -->
  148.                         <div class="ui-item bg-rose">
  149.                            
  150.                             <div class="clearfix">
  151.                                 <!-- Icon & Heading -->
  152.                                 <div class="ui-left">
  153.                                     <i class="wi wi-day-cloudy"></i>
  154.                                 </div>
  155.                                 <!-- Degree and city -->
  156.                                 <div class="ui-right">
  157.                                     <h2>46<span>&deg;C</span></h2>
  158.                                     <h3>New York</h3>
  159.                                 </div>
  160.                             </div>
  161.                            
  162.                             <!-- Speed and humidity -->
  163.                             <div class="extras">
  164.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  165.                             </div>
  166.                            
  167.                         </div>
  168.                     </div>
  169.                     <div class="col-md-3">
  170.                         <!-- Item -->
  171.                         <div class="ui-item bg-purple">
  172.                            
  173.                             <div class="clearfix">
  174.                                 <!-- Icon & Heading -->
  175.                                 <div class="ui-left">
  176.                                     <i class="wi wi-day-sprinkle"></i>
  177.                                 </div>
  178.                                 <!-- Degree and city -->
  179.                                 <div class="ui-right">
  180.                                     <h2>34<span>&deg;C</span></h2>
  181.                                     <h3>New York</h3>
  182.                                 </div>
  183.                             </div>
  184.                            
  185.                             <!-- Speed and humidity -->
  186.                             <div class="extras">
  187.                                 Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
  188.                             </div>
  189.                            
  190.                         </div>
  191.                     </div>
  192.                 </div>
  193.             </div>
  194.        
  195.         </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement