<div class="owl-carousel owl-theme dot-style-1 nav-circle-solid-light nav-inside" data-items="[1,1]" data-margin="30" data-autoplay="true" data-loop="true" data-nav="true" data-dots="true">
    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/11a.jpg" alt="card image" />
        </a>
    </div>

    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/3b.jpg" alt="card image" />
        </a>
    </div>

    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/3c.jpg" alt="card image" />
        </a>
    </div>
</div>

<div class="owl-carousel owl-theme dot-style-1 nav-round" data-items="[1,1]" data-margin="30" data-autoplay="true" data-loop="true" data-nav="true" data-dots="true">
    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/12a.jpg" alt="card image" />
        </a>
    </div>

    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/4c.jpg" alt="card image" />
        </a>
    </div>

    <div class="item">
        <a href="#" class="card border-0">
            <img class="card-img rounded" src="assets/img/cards/5c.jpg" alt="card image" />
        </a>
    </div>
</div>

<div class="owl-carousel owl-theme dot-style-1 carousel-highlighter nav-round" data-items="[2,2]" data-margin="30" data-autoplay="true" data-center="true" data-nav="true" data-loop="true" data-dots="true">
    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13a.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">نیویورک تایمز در کریسمس</h6>
                <span class="font-size-14 mb-0 text-white">کسب و کار</span>
            </div>
        </a>
    </div>
    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13b.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">فرهنگ بومی آمریکا</h6>
                <span class="font-size-14 mb-0 text-white">داستان</span>
            </div>
        </a>
    </div>
    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13c.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">پیاده روی صبحگاهی</h6>
                <span class="font-size-14 mb-0 text-white">سلامت</span>
            </div>
        </a>
    </div>

    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13a.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">نیویورک تایمز در کریسمس</h6>
                <span class="font-size-14 mb-0 text-white">کسب و کار</span>
            </div>
        </a>
    </div>
    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13b.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">فرهنگ بومی آمریکا</h6>
                <span class="font-size-14 mb-0 text-white">داستان</span>
            </div>
        </a>
    </div>
    <div class="item">
        <a href="#" class="card border-0 bg-dark">
            <img class="card-img rounded opacity-90" src="assets/img/cards/13c.jpg" alt="card image" />
            <div class="card-img-overlay">
                <h6 class="mb-0 text-white">پیاده روی صبحگاهی</h6>
                <span class="font-size-14 mb-0 text-white">سلامت</span>
            </div>
        </a>
    </div>
</div>