        <!-- Title Section -->
        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>Book Categories</h1>
                </div><!-- Top Row /-->
        
                <div class="small-12 columns">
                    <ul class="breadcrumbs">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Categories</a></li>
                      
                    </ul><!-- Breadcrumbs /-->
                </div><!-- Bottom Row /-->
                
            </div><!-- Row /-->
        </div>
        <!-- Title Section Ends /-->
        
        <!-- Content section -->
        <div class="content-section course-page">
        	
            <!-- Seminar/Events -->
            <div class="module">
                <div class="row">
                    
                    <div class="courses-wrapper">
						
                        <div class="course-section">
                            
                            <div class="section-title">
                                <h2><span>Book Categories</span></h2>
                            </div><!-- Section Title Ends /-->
                            {foreach from=$CatDetail item=add}
                            <div class="medium-3 small-12 columns">
                                <div class="course">
                                    <div class="course-thumb">
                                        <!-- <img src="images/noimage.png" alt="images/noimage.jpg" style="width:217px; height:240px;">-->
									   {if $add.image neq ''}
									    <img src="https://www.easwarilibrary.in/images/bookCategories/{$add.image}" alt="https://www.easwarilibrary.in/images/bookCategories/{$add.image}" style="width:217px; height:240px;">
										{else}
										<img src="images/noimage.png" alt="images/noimage.jpg" style="width:217px; height:240px;">
										{/if}
                                    </div>
                                    <h5>{$add.name|truncate:25}</h5>
                                    <a href="categoriesDetails.php?category={$add.name}" class="secondary button">See More!</a>
                                </div>    
                            </div><!-- First Course /-->
                            {/foreach}
                            <!-- Second Course /-->	
                            
                            <!-- Third Course /-->
                            
                            <div class="clearfix"></div>
                        </div><!-- Courses Section Ends /-->    		
                        
                        <!-- Courses Section ends /-->     
                        
                    </div><!-- Events Wrapper Ends /-->
					<!-- Pagination -->
		           		<div class="pagination-holder">
		           			<ul class="pagination">
							   {if $PageList eq ""}
							 <li><a>{$LinkPage_amc_view_tab}&nbsp;&nbsp;&nbsp;&nbsp; {$PerPageNavigation_amc_view_tab}</a>
							    <!--<li><a href="#" aria-label="Previous">Prev</a></li>-->
							  </li>
							  {/if}
							 {if $PageList neq ""}
							  <li><a>{$LinkPage_amc_view_tab2}&nbsp;&nbsp;&nbsp;&nbsp; {$PerPageNavigation_amc_view_tab2}</a>
							    <!--<li><a href="#" aria-label="Previous">Prev</a></li>-->
							  </li>
							  {/if}
							</ul>
		           		</div>
		           		<!-- Pagination -->
                     <!-- pagination starts -->
                    <div class="pagination-container">
                        <ul class="pagination" role="menubar" aria-label="Pagination">
                            <li class="arrow unavailable" aria-disabled="true"><a href="">&laquo; Previous</a></li>
                            <li class="current"><a href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><a href="">3</a></li>
                            <li><a href="">4</a></li>
                            <li class="unavailable" aria-disabled="true"><a href="">&hellip;</a></li>
                            <li><a href="">12</a></li>
                            <li><a href="">13</a></li>
                            <li class="arrow"><a href="">Next &raquo;</a></li>
                        </ul>
                    </div><!-- Pagination Ends /-->
                </div><!-- Row Ends /-->
            </div>
            <!-- Seminar Events Ends /-->
            
            <!-- Seminar/Events -->
            
            <!-- Seminar Events Ends /-->
            
        </div>
        <!-- Content Section Ends /-->
