<div class="gy-4 row services-19">

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
             class="rounded-4 w-100"
             alt=""
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">A Great</span> Service
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
             class="rounded-4 w-100"
             alt=""
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">Another Great</span> Service
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
             class="rounded-4 w-100"
             alt=""
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">Service</span> Box 1
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
             alt="Autumn Treatments Norfolk"
             data-path="/photos/"
             data-name="autumn-treatments__wblw.webp"
             data-src="/photos/autumn-treatments__wblw.webp?preset=medium&amp;mode=resize"
             data-mfp-src="/photos/autumn-treatments__wblw.webp?preset=full&amp;mode=resize"
             data-preset="medium"
             data-width="800"
             data-height="450"
             data-mode="resize"
             data-group="1"
             class="rounded-4 w-100"
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">Services</span> 19
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
             class="rounded-4 w-100"
             alt=""
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">Services</span>&nbsp;19 box
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

    <div class="col-md-4" contenteditable="true" data-click="true">
        <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""
             data-path="/photos/"
             data-name="frosty-lawn__sl5b.webp"
             data-src="/photos/frosty-lawn__sl5b.webp?preset=medium&amp;mode=resize"
             data-mfp-src="/photos/frosty-lawn__sl5b.webp?preset=full&amp;mode=resize"
             data-preset="medium"
             data-width="800"
             data-height="450"
             data-mode="resize"
             data-group="1"
             class="rounded-4 w-100"
        >
        <div class="mt-n3 pt-0 px-3">
            <h3 class="bg-primary d-inline-block mt-n5 px-3 py-2 rounded-3 text-white">
                <span class="text-secondary">Title</span>&nbsp;Here
            </h3>
            <p class="ps-3">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
            </p>
            <span class="ms-3" contenteditable="false">
                <a href="#" class="btn btn-outline-primary" contenteditable="true">Read More</a>
            </span>
        </div>
    </div>

</div>
