<div class="row clearfix services-08">

    <div class="col-12 col-md-6 col-lg-3">
        <div class="service-box service-box-8 primary">
            <div class="service-icon">
                <i class="fa fa-globe"></i>
            </div>
            <div class="service-content">
                <h3 class="text-uppercase h5">
                    Web Design
                </h3>
                <p class="mb-0">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non risus a sem hendrerit.
                </p>
            </div>
            <a href="#" class="btn btn-primary edit">
                Read More
            </a>
        </div>
    </div>

    <div class="col-12 col-md-6 col-lg-3">
        <div class="service-box service-box-8 secondary">
            <div class="service-icon">
                <i class="fa fa-rocket"></i>
            </div>
            <div class="service-content">
                <h3 class="text-uppercase h5">
                    Web Development
                </h3>
                <p class="mb-0">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non risus a sem hendrerit.
                </p>
            </div>
            <a href="#" class="btn btn-secondary edit">
                Read More
            </a>
        </div>
    </div>

    <div class="col-12 col-md-6 col-lg-3">
        <div class="service-box service-box-8 tertiary">
            <div class="service-icon">
                <i class="fa fa-briefcase"></i>
            </div>
            <div class="service-content">
                <h3 class="text-uppercase h5">
                    Brand Building
                </h3>
                <p class="mb-0">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non risus a sem hendrerit.
                </p>
            </div>
            <a href="#" class="btn btn-tertiary edit">
                Read More
            </a>
        </div>
    </div>

    <div class="col-12 col-md-6 col-lg-3">
        <div class="service-box service-box-8 quaternary">
            <div class="service-icon">
                <i class="fa fa-mobile"></i>
            </div>
            <div class="service-content">
                <h3 class="text-uppercase h5">
                    Responsive Design
                </h3>
                <p class="mb-0">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non risus a sem hendrerit.
                </p>
            </div>
            <a href="#" class="btn btn-quaternary edit">
                Read More
            </a>
        </div>
    </div>

</div>