<section>
                <div class="container">

                    <div class="row">
                        <!-- Main content -->
                        <div class="col col_9_of_12">
  <?php 
  $galleryDir = "assets/gallery/photo/*";  
  $galleryDir = array_reverse(glob( $galleryDir, GLOB_ONLYDIR ),true);
  foreach($galleryDir as $dir ) {
        $dirName = str_replace('assets/gallery/photo/','',$dir);
		$photo=glob($dir."/*.{jpg,png,gif,JPG}", GLOB_BRACE);	
  ?>	  
			<div class="head_title"><h2 style="font-size:18px;"><?php echo $dirName; ?></h2></div>
				<div class="row">
				<?php
				foreach($photo as $image) {
				$filename = pathinfo($image, PATHINFO_FILENAME);
				?>
					<div class="col col_4_of_12">
						<figure class="wp-caption alignleft" jQuery>
							<a href="../<?php echo $image ?>" class="popup_link"><img src="../<?php echo $image ?>" alt="Image"></a>
							<figcaption class="wp-caption-text"><?php echo $filename ?></figcaption>
						</figure>
					</div>
				<?php
				}
				?>					
				</div>
  <?php  
  } // END foreach()
  unset($dir);
  ?>							
                        </div><!-- End Main content -->
				<?php
				include ('part/sidebar.php');
				?>
						
                    </div>
                </div>
            </section><!-- End Section -->