<div class="row skeleton-loader">
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-6 mb-2 px-2">
        <div class="card skeleton-box-event border-0">
            <div class="card-img skeleton p-9">
                &nbsp;
            </div>
            <div class="card-body">
                <h2 class="card-title skeleton">
                    &nbsp;
                </h2>
                <p class="card-intro skeleton">
                    &nbsp;
                </p>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-6 mb-2 px-2">
        <div class="card skeleton-box-event border-0">
            <div class="card-img skeleton p-9">
                &nbsp;
            </div>
            <div class="card-body">
                <h2 class="card-title skeleton">
                    &nbsp;
                </h2>
                <p class="card-intro skeleton">
                    &nbsp;
                </p>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-6 mb-2 px-2">
        <div class="card skeleton-box-event border-0">
            <div class="card-img skeleton p-9">
                &nbsp;
            </div>
            <div class="card-body">
                <h2 class="card-title skeleton">
                    &nbsp;
                </h2>
                <p class="card-intro skeleton">
                    &nbsp;
                </p>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-6 mb-2 px-2">
        <div class="card skeleton-box-event border-0">
            <div class="card-img skeleton p-9">
                &nbsp;
            </div>
            <div class="card-body">
                <h2 class="card-title skeleton">
                    &nbsp;
                </h2>
                <p class="card-intro skeleton">
                    &nbsp;
                </p>
            </div>
        </div>
    </div>
</div>