{% extends "mainapp/layout.html" %}
{% load static %}

{% block title %}
Explore
{% endblock title %}


{% block head %}
<link rel="stylesheet" href="{% static 'mainapp/css/explore.css' %}">
{% endblock head %}


{% block main %}

<div class="large-screen" style="width:1200px; margin:0 auto;">
    <div class="centre, card-deck">
        {% for book in book %}
        <div class="card col-sm-12 col-lg-3 " style="width: 300px;">
            <div class="row no-gutters">
                <img class=" card-img  m