ui-75

<!-- UI - X -->
        <div class="ui-75">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
                        <!-- Item -->
                        <div class="ui-item">
                            <!-- Heading -->
                            <h2 class="bg-red"><a href="#">Review</a></h2>
                            <!-- Unordered Listing -->
                            <ul class="clearfix">
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-book red"></i> Visits</a> <span class="bar-one bar-chart">8,9,7,5,8,6,8,9,10</span><span>1,000</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-building-o lblue"></i> Visitors</a> <span class="bar-two bar-chart">12,13,10,8,9,13,6,12,10</span><span>5,000</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-calculator green"></i> Income</a> <span class="bar-three bar-chart">10,8,9,6,10,12,13,8,10</span><span>6,000</span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
                        <!-- Item -->
                        <div class="ui-item">
                            <!-- Heading -->
                            <h2 class="bg-lblue"><a href="#">Product</a></h2>
                            <!-- Unordered Listing -->
                            <ul class="clearfix">
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-database purple"></i> Product</a> <span class="bar-four bar-chart">10,12,13,10,9,8,5,10,12</span><span>1,200</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-folder rose"></i> Quantity</a> <span class="bar-five bar-chart">15,12,10,9,12,15,16,10,12</span><span>1,900</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-tag brown"></i> Price</a> <span class="bar-six bar-chart">12,10,9,10,15,13,9,6,10</span><span>1,300</span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
                        <!-- Item -->
                        <div class="ui-item">
                            <!-- Heading -->
                            <h2 class="bg-green"><a href="#">Comments</a></h2>
                            <!-- Unordered Listing -->
                            <ul class="clearfix">
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-comment yellow"></i> Comments</a> <span class="bar-seven bar-chart">12,13,17,10,9,8,10,8,14</span><span>2,200</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-envelope orange"></i> Messages</a> <span class="bar-eight bar-chart">18,12,20,10,15,16,10,12,19</span><span>2,700</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-thumbs-up green"></i> Likes</a> <span class="bar-nine bar-chart">12,13,9,10,12,14,17,8,12</span><span>2,320</span></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 col-sm-6 col-xs-6 col-mob">
                        <!-- Item -->
                        <div class="ui-item">
                            <!-- Heading -->
                            <h2 class="bg-yellow"><a href="#">Tweets</a></h2>
                            <!-- Unordered Listing -->
                            <ul class="clearfix">
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-twitter blue"></i> Tweets</a> <span class="bar-ten bar-chart">12,16,29,34,10,9,9,34,45</span><span>1,570</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-retweet rose"></i> Follower</a> <span class="bar-eleven bar-chart">10,10,12,13,16,18,9,10,12</span><span>1,900</span></li>
                                <!-- Icon, Text, Number, Bar-chart -->
                                <li><a href="#"><i class="fa fa-recycle brown"></i> Following</a> <span class="bar-twelve bar-chart">13,14,18,10,9,12,14,18,20</span><span>1,150</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- UI - X Ends -->