<div class="container">
    <div class="row nopadding">
        <div class="col-md-6">
            <h2 class="text-white font-weight-7 margin-bottom-3 margin-top-2">Everything you need to build an Awesome Website!</h2>
            <h5 class="text-white font-weight-4 line-height-3">All the chunks as necessary, making this the dictionary ove Latin words combined with a handful of model generated Lorem Ipsum is therefore always sentence structures.</h5>
            <h5 class="text-white font-weight-4 line-height-3">It was popularised in the the with the release of Letraset sheets containing lorem lpsum passages and more recently with desktop publishing software like Aldus PageMaker including versions.</h5>
        </div>
        <!-- end col -->
        <div class="col-md-6">
            <img src="/sites/default/files/demo-images/site-img-2.jpg" alt="site-img-2.jpg" class="img-responsive border-radius-1 box-shadow-5 margin-top-1" />
        </div>
        <!-- end col -->
        <div class="clearfix margin-bottom-6"></div>
        <div class="col-md-3 margin-bottom">
            <span class="icon-mobile icon-plain-smedium text-white margin-bottom-2"></span>
            <h5 class="text-white uppercase font-weight-6 margin-bottom-1">Web UI Design</h5>
            <p class="text-white">Randomised words which don going to use passage hidden in the middle of text specimen versions.</p>
        </div>
        <!--end item-->
        <div class="col-md-3 margin-bottom">
            <div class="icon-plain-smedium margin-bottom-2"><i class="fa fa-camera-retro text-white" aria-hidden="true"></i></div>
            <h5 class="text-white uppercase font-weight-6 margin-bottom-1">Digital Design</h5>
            <p class="text-white">Randomised words which don going to use passage hidden in the middle of text specimen versions.</p>
        </div>
        <!--end item-->
        <div class="col-md-3 margin-bottom">
            <div class="icon-plain-smedium margin-bottom-2"><i class="fa fa-code text-white" aria-hidden="true"></i></div>
            <h5 class="text-white uppercase font-weight-6 margin-bottom-1">Front-end coding</h5>
            <p class="text-white">Randomised words which don going to use passage hidden in the middle of text specimen versions.</p>
        </div>
        <!--end item-->
        <div class="col-md-3">
            <div class="icon-plain-smedium margin-bottom-2"><i class="fa fa-wordpress text-white" aria-hidden="true"></i></div>
            <h5 class="text-white uppercase font-weight-6 margin-bottom-1">CMS Development</h5>
            <p class="text-white">Randomised words which don going to use passage hidden in the middle of text specimen versions.</p>
        </div>
        <!--end item-->
    </div>
</div>