 <!-- Banner Starts -->
        <div class="main-banner">
            <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classicslider1">
	            <!-- START REVOLUTION SLIDER 5.0.7 auto mode -->
                <div id="rev_slider_4_1" class="rev_slider fullwidthabanner" data-version="5.0.7">
                    <ul>	<!-- SLIDE  -->
                        <li data-index="rs-16" data-transition="zoomout" data-slotamount="default"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off">
                            <!-- MAIN IMAGE -->
                            <img src="images/help/libraray_home.jpg"  alt="First Slide"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" />
                            <!-- LAYERS -->
    
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption tp-shape tp-shapewrapper layer1 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-16-layer-3" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                            data-width="full"
                                data-height="full"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="s:300;s:300;" 
                                data-start="1000" 
                                data-basealign="slide" 
                                data-responsive_offset="on"> 
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption Newspaper-Title-Centered layer2 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-16-layer-1" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']" 
                                 data-fontsize="['50','50','50','30']"
                                data-lineheight="['55','55','55','35']"
                                data-width="['721','721','721','420']"
                                data-height="none"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">Skills Development With Visual Techniques 
                            </div>

                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption Newspaper-Subtitle layer3 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-16-layer-2" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-82','-82','-82','-58']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">ABOUT THE LIFE OF A STUDENT 
                            </div>

                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption layer4 rs-parallaxlevel-0" 
                                 id="slide-16-layer-4" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['92','92','92','76']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                                data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
                     
                                data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
                                data-transform_out="y:50px;opacity:0;s:1000;s:1000;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on" 
                                data-responsive="off"><a href="#" class="button primary bordered-light">READ MORE</a> 
                            </div>
                        </li>
                        <!-- SLIDE  -->
                        <li data-index="rs-17" data-transition="fadetotopfadefrombottom" data-slotamount="default"  data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500" data-rotate="0"  data-saveperformance="off">
                            <!-- MAIN IMAGE -->
                            <img src="images/help/libraray_home1.jpg"  alt="First Slide"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" />
                            <!-- LAYERS -->
    
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption tp-shape tp-shapewrapper layer1 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-17-layer-3" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                            data-width="full"
                                data-height="full"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="s:300;s:300;" 
                                data-start="1000" 
                                data-basealign="slide" 
                                data-responsive_offset="on"> 
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption Newspaper-Title-Centered layer2 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-17-layer-1" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']" 
                                            data-fontsize="['50','50','50','30']"
                                data-lineheight="['55','55','55','35']"
                                data-width="['721','721','721','420']"
                                data-height="none"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">Easy and Appropriate Way to Join the Community! 
                            </div>

                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption Newspaper-Subtitle layer3 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-17-layer-2" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-82','-82','-82','-58']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">ABOUT THE LIFE OF A LEARNER 
                            </div>

                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption layer4 rs-parallaxlevel-0" 
                                 id="slide-17-layer-4" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['92','92','92','76']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                                data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
                     
                                data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
                                data-transform_out="y:50px;opacity:0;s:1000;s:1000;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on" 
                                data-responsive="off"><a href="#" class="button primary bordered-light">READ MORE</a> 
                            </div>
                        </li>
                        <!-- SLIDE  -->
                        <li data-index="rs-18" data-transition="zoomin" data-slotamount="7"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"  data-saveperformance="off">
                            <!-- MAIN IMAGE -->
							<img src="images/help/libraray_home2.jpg"  alt="First Slide"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" />
                           <!-- <img src="images/help/slide3.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>-->
                            <!-- LAYERS -->
    
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption tp-shape tp-shapewrapper layer1 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-18-layer-3" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                            data-width="full"
                                data-height="full"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="s:300;s:300;" 
                                data-start="1000" 
                                data-basealign="slide" 
                                data-responsive_offset="on"> 
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption Newspaper-Title-Centered layer2 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-18-layer-1" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']" 
                                            data-fontsize="['50','50','50','30']"
                                data-lineheight="['55','55','55','35']"
                                data-width="['721','721','721','420']"
                                data-height="none"
                                data-whitespace="normal"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">Working at the Desk in a Modern Fashion 
                            </div>

                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption Newspaper-Subtitle layer3 tp-resizeme rs-parallaxlevel-0" 
                                 id="slide-18-layer-2" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['-82','-82','-82','-58']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                     
                                 data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;" 
                                 data-transform_out="auto:auto;s:1000;" 
                                 data-mask_in="x:0px;y:0px;" 
                                 data-mask_out="x:0;y:0;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on">ABOUT THE LIFE OF A DESIGNER 
                            </div>

                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption layer4 rs-parallaxlevel-0" 
                                 id="slide-18-layer-4" 
                                 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                 data-y="['middle','middle','middle','middle']" data-voffset="['92','92','92','76']" 
                                            data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"
                                data-transform_idle="o:1;"
                                data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;"
                                data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);cursor:pointer;"
                     
                                data-transform_in="y:50px;opacity:0;s:1500;e:Power4.easeInOut;" 
                                data-transform_out="y:50px;opacity:0;s:1000;s:1000;" 
                                data-start="1000" 
                                data-splitin="none" 
                                data-splitout="none" 
                                data-responsive_offset="on" 
                                data-responsive="off"><a href="#" class="button primary bordered-light">READ MORE</a> 
                            </div>
                        </li>

                    </ul>
                    <div class="tp-static-layers"></div>
                    <div class="tp-bannertimer"></div>	
                </div>
            </div><!-- END REVOLUTION SLIDER -->
        </div>
        <!-- Banner Ends /-->
        
        <!-- information boxes starts -->
        <div class="information-boxes module">
        
        	<div class="courses-info medium-4 small-12 columns">
            	<div class="">
                	<h3><i class="fa fa-book" aria-hidden="true"></i> Binding Services</h3>
                    <p> Binding of School Books -Book binding services give you the most binding options or methods including spiral/coil, side stitching, wire-o, comb and hardcover. </p>
   
                    <div class="clearfix"></div>
                    <a href="#" class="primary button bordered-light">Find out More!</a>
                </div>
            </div><!-- courses column Ends /-->
            
            <div class="faculty-info medium-4 small-12 columns">
				<div class="">
					<h3><i class="fa fa-shopping-cart" aria-hidden="true"></i> Book Selling &amp; Trading</h3>
                    <p>Scholars and students spent many hours in these bookshop schools reading, examining, and
                     studying available books or purchasing favourite selections for their private libraries. Book dealers traveled to</p>
        
                    <div class="clearfix"></div>
                    <a href="#" class="primary button bordered-light">Meet Our Staff !</a>
                </div>
            </div><!-- faculty info ends /-->
            
            <div class="newadmission-info medium-4 small-12 columns">
                <div class="">
					<h3><i class="fa fa-truck" aria-hidden="true"></i> Door Step Delivery</h3>
                    <p>It is in this modus operandi our logical next step was to reach our customers in the comfort and privacy of their homes.
                     Welcome to Easwari library, where the books is brought to your doorstep.</p>
                    <div class="clearfix"></div>
                    <a href="#" class="primary button bordered-light">Get Enrolled!</a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <!-- information boxes ends /-->
        
        <!-- Our Courses -->
        <div class="our-courses module grey-bg">
        	<div class="row">
            
            	<div class="section-title-wrapper">
                    <div class="section-title">
                        <h2>New Books Arrival</h2>
                        <p>All Categories</p>
                    </div>
                </div> <!-- Title Ends /-->
                
                <div class="course-wrapper">
                    <!--<ul class="tabs" data-tabs id="course-tabs" role="tablist">
					{foreach from=$JsonData.book item=type1}
                        <li class="tabs-title"><a href="{$type1.bookCategory}" >{$type1.bookCategory}</a></li>    
					{/foreach}
                    </ul>-->
                    <div class="tabs-content" data-tabs-content="course-tabs">
                    
                        <div class="tabs-panel is-active" id="#">
                        	{foreach from=$NewBookDetail item=newB}
                            <div class="medium-2 small-12 columns">
                                <div class="course">
                                    <div class="course-thumb">
                                        {if $newB.image eq ''}
                                        <img src="images/noBook.png" alt="No Image Available" style="align-items: center; width:200px !important;height:250px !important;" />
                                        {else}
                                             <img src="images/BookImages/{$newB.image}" alt="{$newB.image}"  title="{$newB.book_name}" style="align-items: center; width:200px !important;height:250px !important;" />
                                        {/if}
                                      <!--  <div class="teacher-name">{$newB.book_name|truncate:20}</div>-->
                                        
                                    </div>
          
                                </div>    
                            </div><!-- First Course /-->
                            {/foreach}
                            <!-- Second Course /-->	
                             <div class="medium-2 small-12 columns">
                                <div class="course">
                                    <div class="course-thumb">
                                    <img src="images/noBook.png" alt="No Image Available" style="align-items: center; width:150px !important;height:200px !important;" />
                                            <div ></div>
                                        
                                    </div>
                                   
                                 
                                    <a href="newBooks.php" class="secondary button">View More Books</a>
                                    <br />
                                </div>    
                            </div>
                            
                            <!-- Third Course /-->		
                        
                        </div><!-- Graphic Design /-->
                    
                        <!-- Programming /-->
                        
                        <!-- finance /-->
                    	
                        <!-- forieng_language /-->
                        
                        <!-- Mathematics /-->
                        
                    </div><!-- Tabs content /-->
                    
                </div><!-- course Wrapper ends /-->
                
            </div><!-- Row /-->
        </div>
        <!-- Our Courses Ends /-->
        
        <!-- Our Teachers -->
        <div class="our-teachers module">
        	<div class="row">
            	<div class="section-title-wrapper">
                    <div class="section-title">
                        <h2>Famous Authors</h2>
                        <p>Some Special Authors From the Industry!</p>
                    </div>
                </div> <!-- Title Ends /-->
                
                <div class="teachers-wrapper">
                	{foreach from=$FamousAuthDetail item=famous}
                    <div class="teacher">
                    	<div class="teacher-thumb">
                        <a href="authorBooks.php?author={$famous.author}"><img src="images/help/famousAuth.png" alt="Teacher Doe" /></a>
                            <div class="teacher-links menu-centered">
                            	<!--<ul class="menu">
                                	<li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                </ul>
                                <a href="#" class="small-button">Read More &raquo;</a>-->
                            </div><!-- teacher links /-->
                        </div><!-- Teacher thumb /-->
                        <div class="teacher-meta">
                        	<h3><a href="authorBooks.php?author={$famous.author}">{$famous.author}</a></h3>
                            <!--<p>Highly Educated Punjab University Professor</p>-->
                        </div><!-- teacher meta /-->    
                    </div><!-- Teacher Ends /-->
                    {/foreach}
                    <!-- Teacher Ends /-->
                    
                    <!-- Teacher Ends /-->
                    
                    <!-- Teacher Ends /-->
                    
                    <!-- Teacher Ends /-->
                
                </div><!-- Teachers Wrapper /-->
                
            </div><!-- row /-->
        </div>
        <!-- Our Teachers /-->
        
        <!-- Seminar/Events -->
        
        <!-- Seminar Events Ends /-->
        <!-- Testimonials Section /-->
        <div class="testimonials-wrapper side-controls module">
        	<div class="section-title-wrapper">
                <div class="section-title">
                    <h2>Our Testimonials</h2>
                    <p>What Parent's Say About Us?</p>
                </div>
            </div> <!-- Title Ends /-->
            
            <div class="row">
            
            	<div class="testimonials">
                
                    <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>I think that libraries are very ...</h4>
                            <p>I think that libraries are very important and I am happy to support the Friends of the Easwari Library because they seem to be doing good things.</p>
                            <cite>Nagaraj</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /--> 
                    
                    <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>The Easwari Library seems to ...</h4>
                            <p>The Easwari Library seems to have a lot of personality.</p>
                            <cite>Suresh</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /--> 
					 
					 <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>&#8220;Because it&#8217;s fun to read and ...</h4>
                            <p>&#8220;Because it&#8217;s fun to read and they have the best books!&#8220;</p>
                            <cite>Vishal</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /-->
					 
					 <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>The staff is so friendly and ...</h4>
                            <p>The staff is so friendly and remembers your name and what your kids like.</p>
                            <cite>Barani</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /--> 
					 
					 <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>The Summer Reading Program ....</h4>
                            <p>The Summer Reading Program is the best in the area.</p>
                            <cite>Siva</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /--> 
					 
					 <div class="testimonial">
                        <div class="testimonial-thumb">
                            <img src="images/help/testimonialUser.png" alt="John Doe" />
                        </div><!-- Testimonial Thumb /-->
                        <div class="testimonial-detail">
                            <h4>One of the best memories I ...</h4>
                            <p>One of the best memories I had growing up was going to Story Time at our easwari&#8217;s library.</p>
                            <cite>Ramesh</cite>
                        </div><!-- Testimonial Detail /-->
                        <div class="clearfix"></div>
                     </div> <!-- Testimonial /-->
                
                </div><!-- Testimonials /-->
				
            
            </div><!-- Row /-->
            
        </div>
        <!-- Testimonials Section Ends /-->
        
        <!-- Process/Testimonials -->
        <div class="seminar-events content-area module">
        	<img src="images/help/joinUs.png" class="upper-background" alt="Business Women" />
        	<div class="row">
            
			    <div class="our-process-wrapper">
                    
                    <div class="medium-8 medium-offset-3 small-12 columns our-process">
                    	<h2>How to Join with Us !</h2>
                        
                        <div class="process">
                        	<div class="number">1</div>
                            <div class="right-info">
                            	<h3>Choose the Subscription Plan  / Membership Plan</h3>
                                <p>Basic / Platinum / Half Yearly / Yearly</p>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- process /-->
              <!--         
                        <div class="process">
                        	<div class="number">2</div>
                            <div class="right-info">
                            	<h3>Visit Our Nearest Library with ID Proof</h3>
                                <p>Driving Licence / PAN Card / Aadhar Card </p>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- process /-->
                        -->
                        <div class="process">
                        	<div class="number">2</div>
                            <div class="right-info">
                            	<h3>Get Enrolled and Start Reading Books</h3>
                                <p>Order Books through Online and get books from the Nearest Branch.</p>
                            </div>
                            <div class="clearfix"></div>
                        </div><!-- process /-->
                    </div><!-- Left Process Ends /-->
                    
<!--                    <div class="medium-4 small-12 columns our-testimonials"></div> Our Testimonials Ends /-->
                
                </div><!-- Events Wrapper Ends /-->
                
            </div><!-- Row Ends /-->
        </div>
        <!-- Seminar Events Ends /-->
        
        
        <!-- Blog Posts -->
        <div class="blog-posts module grey-bg">
        	<div class="section-title-wrapper">
                <div class="section-title">
                    <h2>Recent News</h2>
                    <p>What's going on in our Blog?</p>
                </div>
            </div> <!-- Title Ends /-->
            
        	<div class="row">            	
                <div class="posts-wrapper">
                	{foreach from=$BookDetail3 item=book}
                    <div class="medium-3 small-12 columns">
                        <div class="post">
						<div class="post-thumb">
                            	<a href="#">
	                            	<img src="https://www.easwarilibrary.in/images/MediaImages/{$book.image}" alt="https://www.easwarilibrary.in/images/MediaImages/{$book.image}" />
                                </a>    
                            </div><!-- Thumb /-->
                           <div class="post-content">
                            	<p><a href="#"><b>{$book.title}</b></a></p>
                                <div class="post-meta"><strong>Date:</strong> 20, Dec, 2016 | <strong>Category:</strong> <a href="#">Campus</a> | <strong>Author:</strong> <a href="#">Ateeq</a></div>
                                <p>Contrary to popular belief, Lorem Ipsum is not simply random text ... <a href="#">Read More &raquo;</a></p>
                            </div><!-- post content /-->
                        </div><!-- Post /-->
						<p>&nbsp;</p>
                	</div><!-- Post column /-->                    
                    <!-- Post column /-->
                    <!-- Post column /-->
                    {/foreach}
                </div><!-- Posts Wrapper /-->
                <div class="load-more text-center">
                	<a href="#" class="button primary bordered-dark">Load More...</a>
                </div><!-- Load more /-->
            </div><!-- Row Ends /-->
        </div>
        <!-- Blog Posts Ends /-->
        
        <!-- Our PArtners -->
        <div class="brands-wrap side-controls module">
        	<div class="section-title-wrapper">
                <div class="section-title">
                    <h2>Recommended Books</h2>
                    <p>We are proudly recommending books</p>
                </div>
            </div> <!-- Title Ends /-->
            
            <div class="row">
            	
                <div class="brand-carousel">
                	{foreach from=$RecDetail item=R_book}
					<div class="bran-logo">
						<a href="#"><img src="https://www.easwarilibrary.in/images/RecommendedImages/{$R_book.image}" alt="{$R_book.image}" class="thumbnail"></a>
					</div>
					{/foreach}
					<!-- width="109" height="164"  -->
                   
                    
                </div><!-- Brand carousel /-->
                
            </div><!-- Row /-->
            
        </div>
        <!-- Our Partners /-->