<section class="relative ptb-xl" style="background:url(images/temp-bg-04.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom-right;"> <div class="container"> <div class="col-md-9"> <!-- TITLE BLOCK --> <div class="title-block pb-xs"> <h3>We Create the Coolest Solutions Ever!</h3> </div><!--//title block--> <p class="pretty-text mb-md">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <div class="row"> <!-- ITEM --> <div class="col-sm-4"><!--sets the width --> <div class="mtb-md mlr-xs"><!-- sets the spacing around the content --> <div class="row"> <div class="col-sm-3"> <img src="images/icons/set-05-01.png" class="img-responsive"> </div> </div> <h4>Service Title 1</h4> <p>This is a short description about this item. I recommend two short sentences.</p> </div><!-- spacing --> </div> <!-- ITEM --> <div class="col-sm-4"><!--sets the width --> <div class="mtb-md mlr-xs"><!-- sets the spacing around the content --> <div class="row"> <div class="col-sm-3"> <img src="images/icons/set-05-02.png" class="img-responsive"> </div> </div> <h4>Service Title 2</h4> <p>This is a short description about this item. I recommend two short sentences.</p> </div><!-- spacing --> </div> <!-- ITEM --> <div class="col-sm-4"><!--sets the width --> <div class="mtb-md mlr-xs"><!-- sets the spacing around the content --> <div class="row"> <div class="col-sm-3"> <img src="images/icons/set-05-03.png" class="img-responsive"> </div> </div> <h4>Service Title 3</h4> <p>This is a short description about this item. I recommend two short sentences.</p> </div><!-- spacing --> </div> </div> </div> </div> </section>