        <!-- Title Section -->
        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>Lending Library Branches</h1>
                </div><!-- Top Row /-->
        
                <div class="small-12 columns">
                    <ul class="breadcrumbs">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Branches</a></li>
                       
                    </ul><!-- Breadcrumbs /-->
                </div><!-- Bottom Row /-->
                
            </div><!-- Row /-->
        </div>
        <!-- Title Section Ends /-->
        
        <!-- Content section -->
        <div class="content-section module">
        	
            <!-- Seminar/Events -->
            <div class="space-section module">
                <div class="row">
                    
                    <div class="events-wrapper">
					
					<div class="medium-6 small-12 columns">
                    	<div class="event">
                    		<div class="medium-8 small-12 columns event-data">
                            	<h4><a href="#" class="active" onClick="show_branch('Llyods road');">Llyods Road(Head office)</a></h4>
                                 <p>Easwari Lending Library<br>
										No 292,Avvai Shanmugam Salai,<br> 
										Lloyds Road, gopalapuram, <br>
										Chennai -600086.<br>
										Phone : 91-44-28353199 / 04442636919<br>
										Mobile: 9840366599<br></p>
                                <a href="register.php" class="button primary bordered-dark">Join Now</a>
                            </div><!-- Event DAta /-->
                            <div class="medium-4 small-12 columns event-thumb">
                            	<img src="https://easwarilibrary.in/images/branches/lloyds.png" alt="lloyds.png" />
                            </div><!-- Event thumb /-->    	
                        	<div class="clearfix"></div>
                        </div><!-- Event div ends /-->
                    </div><!-- Event Column Ends /-->
					
                        {foreach from=$PageList2 item=add}
                        <div class="medium-6 small-12 columns">
                    	<div class="event">
                    		<div class="medium-8 small-12 columns event-data">
							
                            	<h4><a href="#" class="active" onClick="show_branch('{$add.name}');">{$add.name}</a></h4>
                                <p>{$add.address}
										-{$add.pincode}.</p>
                                <p><strong>Phone:</strong> {$add.phone_number}
                                <br>{if $add.mobile_number neq ""}<strong>Mobile:</strong>{$add.mobile_number}{/if}</p>
                                <a href="register.php" class="button primary bordered-dark">Join Now</a>
                            </div><!-- Event DAta /-->
                            <div class="medium-4 small-12 columns event-thumb">
                            {if $add.branchImage eq ''}
                            	<img src="images/help/phpcourse.jpg" alt="PHP Course" />
								{else}
								<img src="https://easwarilibrary.in/images/branches/{$add.branchImage}" alt="{$add.branchImage}" />
								{/if}
                            </div><!-- Event thumb /-->    	
                        	<div class="clearfix"></div>
                        </div><!-- Event div ends /-->
                    </div><!-- Event Column Ends /-->
					{/foreach}
                    <div class="medium-6 small-12 columns">
                    	<div class="event">
                    		<div class="medium-8 small-12 columns event-data">
                            	<h4><a href="#" class="active" onClick="show_branch('Llyods road');">Township &amp; Clubs</a></h4>
                                {foreach from=$PageList3 item=add3}
									    &bull;&nbsp;{$add3.name}<br>
									    {/foreach}
                                <a href="single-event.html" class="button primary bordered-dark">Join Now</a>
                            </div><!-- Event DAta /-->
                            <div class="medium-4 small-12 columns event-thumb">
                            	<img src="https://easwarilibrary.in/images/branches/lloyds.png" alt="lloyds.png" />
                            </div><!-- Event thumb /-->    	
                        	<div class="clearfix"></div>
                        </div><!-- Event div ends /-->
                    </div><!-- Event Column Ends /-->
                    
                    </div><!-- Events Wrapper Ends /-->
                    
                </div><!-- Row Ends /-->
            </div>
            <!-- Seminar Events Ends /-->
            
        </div>
        <!-- Content Section Ends /-->
  
