ui-6

<!-- UI # -->
        <div class="ui-6">
            <!-- Container -->
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <!-- UI item -->
                        <div class="ui-item">
                            <!-- UI icon -->
                            <div class="ui-icon bg-green">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-life-ring"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Designing</a></h3>
                            </div>

                            <!-- Ui-list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-fire bg-green"></i> &nbsp; Basic Design</li>
                                    <li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
                                    <li><i class="fa fa-bullseye bg-red"></i> &nbsp; UI-design</li>
                                    <li><i class="fa fa-crosshairs bg-lblue"></i> &nbsp; Graphic Design</li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div><!--/  UI item -->
                    </div>
                    <div class="col-md-6">
                        <!-- UI item -->
                        <div class="ui-item">
                            <!-- Ui icon -->
                            <div class="ui-icon bg-blue">
                                <a href="#"><i class="fa fa-joomla"></i></a>
                                <h3><a href="#">Web Developement</a></h3>
                            </div>
                            <!-- UI List -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-paw bg-blue"></i> &nbsp; Tools</li>
                                    <li><i class="fa fa-microphone bg-red"></i> &nbsp; Services</li>
                                    <li><i class="fa fa-language bg-lblue"></i> &nbsp; Languages</li>
                                    <li><i class="fa fa-life-ring bg-green"></i> &nbsp; Application</li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <!-- UI item -->
                        <div class="ui-item ">
                            <!-- Ui icon -->
                            <div class="ui-icon bg-red">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-comments"></i></a>
                                <!-- hheading -->
                                <h3><a href="#">Testing</a></h3>
                            </div>
                            <!-- Ui list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-paw bg-lblue"></i> &nbsp; Requirement</li>
                                    <li><i class="fa fa-star-o bg-green"></i> &nbsp; Manual Testing</li>
                                    <li><i class="fa fa-tint bg-blue"></i> &nbsp; System Testing</li>
                                    <li><i class="fa fa-trash-o bg-red"></i> &nbsp; Documentation</li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <!-- Ui item -->
                        <div class="ui-item">
                            <!-- UI icon -->
                            <div class="ui-icon bg-lblue">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-asterisk"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Maintenance</a></h3>
                            </div>
                            <!-- UI list -->
                            <div class="ui-list">
                                <ul class="list-unstyled">
                                    <li><i class="fa fa-tree bg-red"></i> &nbsp; Storage</li>
                                    <li><i class="fa fa-comment bg-blue"></i> &nbsp; Bandwidth</li>
                                    <li><i class="fa fa-shield bg-green"></i> &nbsp; Support</li>
                                    <li><i class="fa fa-gift bg-lblue"></i> &nbsp; Dtabase</li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- /UI item -->
                    </div>
                </div>
            </div><!-- /Container -->
        </div><!-- /ui-6 -->