ui-57

<!-- UI X -->
        <div class="ui-57">

            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-red">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Take out trash</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-green">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Download Songs</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-lblue">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Buy some milk</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-yellow">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Feed the cat</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-orange">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Wash the dishes</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-blue">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Do Laundry</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-rose">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Call grandma</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <!-- UI Item -->
                        <div class="ui-item bg-purple">
                            <!-- Clip icon -->
                            <i class="fa fa-paperclip"></i>
                            <!-- Heading -->
                            <h2>Clean water tank</h2>
                            <!-- Para -->
                            <p>How many times i need to tell you to take out trash. You are an idiot. Start working.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>