<?php  

$page = "Gallery";

?>

<!DOCTYPE html>
<html>
<head>
        <!-- meta tag -->
        <meta charset="utf-8">
        <title>The Lodge Corinth</title>
        <meta name="description" content="">
        <!-- responsive tag -->
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- favicon -->
        <link rel="apple-touch-icon" href="apple-touch-icon.html">
        <link rel="shortcut icon" type="image/x-icon" href="images/fav.png">
        <!-- bootstrap v4 css -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <!-- font-awesome css -->
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        <!-- animate css -->
        <link rel="stylesheet" type="text/css" href="css/animate.css">
        <!-- owl.carousel css -->
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
		<!-- slick css -->
        <link rel="stylesheet" type="text/css" href="css/slick.css">
        <!-- rsmenu CSS -->
        <link rel="stylesheet" type="text/css" href="css/rsmenu-main.css">
        <!-- rsmenu transitions CSS -->
        <link rel="stylesheet" type="text/css" href="css/rsmenu-transitions.css">
        <!-- magnific popup css -->
        <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
		<!-- flaticon css  -->
        <link rel="stylesheet" type="text/css" href="fonts/flaticon.css">
        <!-- timeline css -->
        <link rel="stylesheet" type="text/css" href="css/timeline.css">
        <!-- style css -->
        <link rel="stylesheet" type="text/css" href="style.css">
        <!-- responsive css -->
        <link rel="stylesheet" type="text/css" href="css/responsive.css">
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="inner-page">
        <!--Preloader area start here-->
        <div class="book_preload">
            <div class="book">
                <div class="book__page"></div>
                <div class="book__page"></div>
                <div class="book__page"></div>
            </div>
        </div>
		<!--Preloader area end here-->
		
        <?php include("Support/header.php") ?>
		
		<!-- Breadcrumbs Start -->
		<div class="rs-breadcrumbs bg7 breadcrumbs-overlay">
		    <div class="breadcrumbs-inner">
		        <div class="container">
		            <div class="row">
		                <div class="col-md-12 text-center">
		                    <h1 class="page-title">OUR GALLERY</h1>
		                    <ul>
		                        <li>
		                            <a class="active" href="index.html">Home</a>
		                        </li>
		                        <li>Gallery</li>
		                    </ul>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- Breadcrumbs End -->

		<!-- Gallery set1 Start -->
        <div class="rs-gallery-4 rs-gallery sec-spacer">
            <div class="container">
            	<div class="sec-title-2 mb-50 text-center">
            	    <h2>Our Precious Moments <br/><small>150 Year Celebration</small><br/><small>15 Octomber 2016 </small></h2>      
            		<p>Life’s most precious moments are not all loud or uproarious. Silence and stillness have their own virtues.</p>
                </div>
            	<div class="row">
                <?php for($i=1 ; $i< 158 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/new1/set (<?= $i ?>).jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">Annual Celebration</a></h3>
            					<p>Some Special Momories.</p>
            					<a class="image-popup" href="index/img/gallery/new1/img (<?= $i ?>).jpg" title="Annual Celebration">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
            </div>
        </div>
        <!-- Gallery End -->

        <!-- Gallery set2 Start -->
        <div class="rs-gallery-4 rs-gallery sec-spacer">
            <div class="container">
            	<div class="sec-title-2 mb-50 text-center">
            	    <h2>Inauguration of FreeMason's T-Point</h2>
                    <p>14 Oct 2016</p>
                </div>
            	<div class="row">
                <?php for($i=1 ; $i< 13 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/set2/set (<?= $i ?>).jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">Inauguration</a></h3>
            					<p>We establish the Name of FreeMason</p>
            					<a class="image-popup" href="index/img/gallery/set2/set (<?= $i ?>).jpg" title="Inauguration of FreeMason's T-Point">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
            </div>
        </div>
        <!-- Gallery End -->

        <!-- Gallery set4 Start -->
        <div class="rs-gallery-4 rs-gallery sec-spacer">
            <div class="container">
            	<div class="sec-title-2 mb-50 text-center">
            	    <h2>Illumination of 'T'point square</h2>
                    <p>11 Feb 2017</p>
                </div>
            	<div class="row">
                <?php for($i=1 ; $i< 12 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/set4/img (<?= $i ?>).jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">Illumination of 'T'point square</a></h3>
            					<a class="image-popup" href="index/img/gallery/set4/img (<?= $i ?>).jpeg" title="Illumination of 'T'point square">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
            </div>
        </div>
        <!-- Gallery End -->

        <!-- Gallery set5 Start -->
        <div class="rs-gallery-4 rs-gallery sec-spacer">
            <div class="container">
            	<div class="sec-title-2 mb-50 text-center">
            	    <h2>Flag Hosting and Tree Plantation</h2>
                    <p>15 Aug 2016</p>
                </div>
            	<div class="row">
                <?php for($i=1 ; $i< 21 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/set5/img (<?= $i ?>).jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">The Flag Hosting</a></h3>
            					<a class="image-popup" href="index/img/gallery/set5/img (<?= $i ?>).jpeg" title="The Flag Hosting">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
            </div>
        </div>
        <!-- Gallery End -->


        <!-- Gallery new2 Start -->
        <div class="rs-gallery-4 rs-gallery sec-spacer">
            <div class="container">
            	<div class="sec-title-2 mb-50 text-center">
            	    <h2>The Lodge Corinth Events</h2>
                    <p>2020</p>
                </div>
            	<div class="row">
                <?php for($i=1 ; $i< 25 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/new2/<?= $i ?>.jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">The Lodge Corinth</a></h3>
            					<a class="image-popup" href="index/img/gallery/new2/<?= $i ?>.jpg" title="The Lodge Corinth">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
                <div class="row">
                <?php for($i=1 ; $i< 45 ; $i++) { ?>
            		<div class="col-lg-3 col-md-6">
            			<div class="gallery-item">
            			    <img src="img/gallery/new3/img<?= $i ?>.jpeg" alt="Gallery Image" />
            			    <div class="gallery-desc">
            					<h3><a href="#">The Lodge Corinth</a></h3>
            					<a class="image-popup" href="index/img/gallery/new3/img<?= $i ?>.jpg" title="The Lodge Corinth">
            						<i class="fa fa-search"></i>
            					</a>
            			    </div>
            			</div>
                    </div>
                    <?php if($i % 4 == 0) { ?>
                        </div>
                        <div class="row">
                    <?php } ?>
                <?php } ?>
                </div>
            </div>
        </div>
        <!-- Gallery End -->
       
        <?php include("Support/footer.php") ?>

        <!-- start scrollUp  -->
        <div id="scrollUp">
            <i class="fa fa-angle-up"></i>
        </div>
        
        <!-- Search Modal Start -->
        <div aria-hidden="true" class="modal fade search-modal" role="dialog" tabindex="-1">
        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true" class="fa fa-close"></span>
	        </button>
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="search-block clearfix">
                        <form>
                            <div class="form-group">
                                <input class="form-control" placeholder="eg: Charityy" type="text">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Search Modal End -->

        <!-- modernizr js -->
        <script src="js/modernizr-2.8.3.min.js"></script>
        <!-- jquery latest version -->
        <script src="js/jquery.min.js"></script>
        <!-- bootstrap js -->
        <script src="js/bootstrap.min.js"></script>
        <!-- owl.carousel js -->
        <script src="js/owl.carousel.min.js"></script>
		<!-- slick.min js -->
        <script src="js/slick.min.js"></script>
        <!-- isotope.pkgd.min js -->
        <script src="js/isotope.pkgd.min.js"></script>
        <!-- imagesloaded.pkgd.min js -->
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <!-- wow js -->
        <script src="js/wow.min.js"></script>
        <!-- counter top js -->
        <script src="js/waypoints.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script>
        <!-- magnific popup -->
        <script src="js/jquery.magnific-popup.min.js"></script>
        <!-- rsmenu js -->
        <script src="js/rsmenu-main.js"></script>
        <!-- plugins js -->
        <script src="js/plugins.js"></script>
		 <!-- main js -->
        <script src="js/main.js"></script>
    </body>

</html>