{{ header }}
<div id="information-information" class="container">
    <div id="content" class="">
      <div class="inner-wrap pt-4 profile">
	      <div class="container">
	          <div class="row">
	              <div class="col-md-12 mb-4 pt-2">
	              
	                <div class="col-md-12">
	                  <h2 class="mb-4">Abstract Books</h2>
	                    <p>The abstracts of the zonal and national symposium is given below. Click on download button to download the full abstract book of the symposia.</p>
	                </div>
	                  <!-- <h4 class="text-center">Topic of the Presidential Address</h4> -->
	                
	                  <div class="row ml-0 mr-0 w-100">
	                  	{% if abstracts %}
                		{% for abstract in abstracts %}
	                    <div class="col-sm-3 col-lg-3 col-xl-3">
	                        <div class="card shadow">
	                            <a href="{{ abstract.image }}"><img class="img-fluid" src="{{ abstract.image }}" alt="{{ abstract.title }}"></a>
	                            <div class="card-body wrap-data">
	                            <h3 class="card-title mb-1 mt-20">{{ abstract.title }}</h3>
	                            <a target="_blank" href="{{ abstract.upload }}" class="btn btn-custom">Download</a>
	                            </div>
	                        </div>
	                    </div>
	                    {% endfor %}
                		{% endif %}

	                  </div>
	                </div> 
	            </div>
	      </div>
	  </div>
    </div>
</div>
{{ footer }}