<body>
<div class="container">
<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
{% for i in range%}
<li data-target="#demo" data-slide-to="{{i}}"></li>
{% endfor %}
</ul>
<!--slide show starts here-->
<div class="container carousel-inner no-padding">
<div class="coursel-item active">
<div class="col-xs-3 col-sm-3 col-md-3" >
<div class="card" style="width: 18rem;">
<img src="{{prooduct.0.image}}" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{prooduct.0.book_name}}</h5>
<p class="card-text">{{prooduct.0.author}}</p>
<a href="#" class="btn btn-primary">add to cart</a>
</div>
</div>
</div>
{% for i in product|slice:"1:"%}
<div class="col-xs-3 col-sm-3 col-md-3" >
<div class="card" style="width: 18rem;">
<img src="{{i.image}}" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title" style="color:black;">{{i.book_name}}</h5>
<p class="card-text" style="color:black;">{{i.author}}</p>
<a href="#" class="btn btn-primary">Add to cart</a>
</div>
</div>
</div>
{% if forloop.cpunter|divisibleby:3 and forloop.counter > 0 and not forloop.last %}
</div><div class="carousel_item">
{% endif %}
{% endfor %}
</div>
</div>
<!--controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
{% endblock %}
</div>
</div>
</body>
Dis is which language c r c++
Anonymous
Gaurav
Marko
Xavier
Shihasz
Mr
π
Aman
_dvd
Lone