cornford-michael icon

ui-170

cornford-michael | PRO | 10/02/17 03:28:40 AM UTC | 0 ⭐ | 790 👁️ | Never ⏰ | []
HTML |

4.81 KB

|

None

|

0 👍

/

0 👎

Raw Download Clone Embed Print View 
<!-- UI # -->
        <div class="ui-170">
        
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-red">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-night-snow-wind"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>39<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-green">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-night-snow-thunderstorm"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>69<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-lblue">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-day-cloudy"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>46<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-orange">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-day-sprinkle"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>34<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-yellow">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-night-snow-wind"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>39<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-blue">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-night-snow-thunderstorm"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>69<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-rose">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-day-cloudy"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>46<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                    <div class="col-md-3">
                        <!-- Item -->
                        <div class="ui-item bg-purple">
                            
                            <div class="clearfix">
                                <!-- Icon & Heading -->
                                <div class="ui-left">
                                    <i class="wi wi-day-sprinkle"></i>
                                </div>
                                <!-- Degree and city -->
                                <div class="ui-right">
                                    <h2>34<span>&deg;C</span></h2>
                                    <h3>New York</h3>
                                </div>
                            </div>
                            
                            <!-- Speed and humidity -->
                            <div class="extras">
                                Speed: 48.3 KM/Hr &nbsp; Humidity: 58%
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        
        </div>

Comments