Текстовые отзывы слайдером

HTML


<?php if( have_rows('отзывы') ): ?>
<div class="reviews" id="reviews">
    <div class="container">
        <div class="content-title"><?php the_field('заголовок_блока_отзывы'); ?></div>
        <div class="reviews-slider regular">
            <?php while( have_rows('отзывы') ): the_row(); ?>
            <div class="rev--inner">
                <div class="title-bold"><?php the_sub_field('фио'); ?></div>
                <div class="entrytext"><p><?php the_sub_field('текст'); ?></p></div>
            </div>
            <?php endwhile; ?>
        </div>
        <div class="btn-block">
            <a class="btn btn-modal" href="#">Рассчитать точную стоимость</a>
        </div>
    </div>
</div>
<?php endif; ?>

LESS

.reviews{
    padding-top: 120px;
    padding-bottom: 120px;
    background: @bg;
    
    @media(max-width: 800px){
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .rev--inner{
        background: #fff;
        padding: 40px;
    }
    .btn-block{
        margin-top: 50px;
    }
}

JS

(function(){
    $(document).ready(function(){
        var owl = $('.reviews-slider');
        owl.owlCarousel({
            loop: true,
            items: 3,
            margin: 30,
            nav: true,
            dots: false,
            smartSpeed: 600,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    margin: 30,
                },
                600: {
                    items: 1,
                },
                1000: {
                    items: 2,
                }
            }
        });
    });
})();
Контакты

Работаем: с ПН по ПТ, с 08:00 до 16:00 (МСК)
Отдыхаем: в СБ и ВС, чтобы быть в тонусе
и реализовывать самые сложные идеи