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

    <div class="col-12 col-md-6 col-lg-4">
        <div class="service-box service-box-9 primary">

            <div class="service-image">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="">
            </div>

            <div class="service-content">
                <span class="service-icon">
                    <i class="fa fa-globe"></i>
                </span>
                <h3 class="text-uppercase h5" style="color: rgb(247, 247, 247);">
                    Web Design
                </h3>
                <p class="small mb-0" style="color: rgb(240, 240, 240);">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci id molestiae
                    necessitatibus,possimus quos saepe soluta. Assumenda laborum officia rem
                </p>
                <div>
                    <a href="#" class="btn btn-primary edit mt-4">
                        Read More
                    </a>
                </div>
            </div>

        </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
        <div class="service-box service-box-9 middle secondary">

            <div class="service-image">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="">
            </div>

            <div class="service-content">
                <span class="service-icon">
                    <i class="fa fa-briefcase"></i>
                </span>
                <h3 class="text-uppercase h5" style="color: rgb(247, 247, 247);">
                    Brand Building
                </h3>
                <p class="small mb-0" style="color: rgb(240, 240, 240);">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci id molestiae
                    necessitatibus,possimus quos saepe soluta. Assumenda laborum officia rem
                </p>
                <div>
                    <a href="#" class="btn btn-secondary edit mt-4">
                        Read More
                    </a>
                </div>
            </div>

        </div>
    </div>

    <div class="col-12 col-md-6 col-lg-4">
        <div class="service-box service-box-9 tertiary">

            <div class="service-image">
                <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt="">
            </div>

            <div class="service-content">
                <span class="service-icon">
                    <i class="fa fa-mobile"></i>
                </span>
                <h3 class="text-uppercase h5" style="color: rgb(247, 247, 247);">
                    Responsive Design
                </h3>
                <p class="small mb-0" style="color: rgb(240, 240, 240);">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci id molestiae
                    necessitatibus,possimus quos saepe soluta. Assumenda laborum officia rem
                </p>
                <div>
                    <a href="#" class="btn btn-tertiary edit mt-4">
                        Read More
                    </a>
                </div>
            </div>

        </div>
    </div>

</div>
