Есть ли способ добавить большую строку div легче в jQuery?

Question

Это мой код. На данный момент он среднего размера, но если бы я придумал другие идеи ... Он бы расширился слишком сильно.

query.forEach(place => {
            $('#placesFiltered')
                .append(`<div class="col-sm-6 col-lg-12 col-xl-6 featured-responsive">
                            <div class="featured-place-wrap">
                                <a asp-action="ById" asp-route-id="place.Id">
                                    <img src="${place.mainImage}" class="img-fluid" alt="#" style="height:300px;width:auto;object-fit:fill">
                                    <span class="featured-rating-orange ">${place.rating}</span>
                                    <div class="featured-title-box">
                                        <h6>${place.name}</h6>
                                        <p>${place.category}</p> <span>• </span>
                                        <p>${place.reviewCount} Reviews</p> <span> • </span>

                                        <p>${dollarString.repeat(place.priceRange)}<span>${dollarString.repeat(3-place.priceRange)}</span></p>

                                        <ul>
                                            <li>
                                                <span class="icon-location-pin"></span>
                                                <p style="font-weight:bold">${place.city}</p>
                                            </li>
                                            <li>
                                                <span class="icon-location-pin"></span>
                                                <p>${place.address}</p>
                                            </li>
                                            <li>
                                                <span class="icon-screen-smartphone"></span>
                                                <p>+${place.telephoneNumber}</p>
                                            </li>
                                        </ul>
                                    </div>
                                </a>
                            </div>
                        </div>`);
        });

Как я могу реорганизовать это так, чтобы он не выглядел так жестко?