<div id="content">
	<div class="row">
		<h1>Gallery</h1>
    <!-- <p class="text-center">Content coming soon..</p> -->
		<div id="gall1" class="gallery-container"> 
			<ul class="gallery clearfix" >
				<?php foreach ($gallery as $gall) {  if($gall["rel"] == "default") { ?>
				<li>
					<a data-fancybox-group="<?php echo $gall["rel"]?>" class="thumbnail fancy" title="<?php echo $gall["alt"]?>" href="public/images/gallery/<?php echo $gall["src"]?>.webp">
						<img class="img-responsive" src="public/images/gallery/<?php echo $gall["src"];?>.webp" alt="<?php echo $gall["alt"];?>">
					</a>
				</li>
				<?php }} ?>
			</ul>
			<div class="page_navigation"></div>
		</div>
	</div>
</div>
</div>