ui-170

<!-- 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>