cornford-michael icon

ui-84

cornford-michael | PRO | 10/03/17 03:08:44 AM UTC | 0 ⭐ | 931 👁️ | Never ⏰ | []
HTML |

2.71 KB

|

None

|

0 👍

/

0 👎

<!-- UI X -->
        <div class="ui-84">
        
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item">
                            <div class="ui-top bg-red">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-desktop"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Web Designing</a></h3>
                            </div>
                            <div class="circle"></div>
                            <div class="ui-bottom">
                                <!-- Para -->
                                <p>Lorem ipsum dmet, consectetur adipiscing  et nisl non, felis. Nam luctus ex a dui porta laoreet. Praesent sodales euismod justo vitae feugiat. </p>
                                <!-- Button -->
                                <a href="#" class="btn btn-red">Click</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item">
                            <div class="ui-top bg-green">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-cloud"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Cloud Hosting</a></h3>
                            </div>
                            <div class="circle"></div>
                            <div class="ui-bottom">
                                <!-- Para -->
                                <p>Lorem ipsum dmet, consectetur adipiscing  et nisl non, felis. Nam luctus ex a dui porta laoreet. Praesent sodales euismod justo vitae feugiat. </p>
                                <!-- Button -->
                                <a href="#" class="btn btn-green">Click</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item">
                            <div class="ui-top bg-lblue">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-code"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Java Apps</a></h3>
                            </div>
                            <div class="circle"></div>
                            <div class="ui-bottom">
                                <!-- Para -->
                                <p>Lorem ipsum dmet, consectetur adipiscing  et nisl non, felis. Nam luctus ex a dui porta laoreet. Praesent sodales euismod justo vitae feugiat. </p>
                                <!-- Button -->
                                <a href="#" class="btn btn-lblue">Click</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item">
                            <div class="ui-top bg-yellow">
                                <!-- Icon -->
                                <a href="#"><i class="fa fa-android"></i></a>
                                <!-- Heading -->
                                <h3><a href="#">Android Apps</a></h3>
                            </div>
                            <div class="circle"></div>
                            <div class="ui-bottom">
                                <!-- Para -->
                                <p>Lorem ipsum dmet, consectetur adipiscing  et nisl non, felis. Nam luctus ex a dui porta laoreet. Praesent sodales euismod justo vitae feugiat. </p>
                                <!-- Button -->
                                <a href="#" class="btn btn-yellow">Click</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>

Comments