-only">Next</span>
        </a>
    </div>


    <div id="demo2" class="carousel slide" data-ride="carousel">
        <!------------------------------------- carousel first row -------------------------->
        <div class=" carousel-inner " class="ml-auto">
            <div class="card-deck">
                <div class="carousel-item active">
                    {% for book in book|slice:"50:100" %}
                    <div class="card col-sm-12 col-lg-3 " style="width: 300px;">
                        <d