<?php
/**
 *Template Name: Gallery Template
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.

 */
get_header();?>
				<div class="big-title">
					<div class="container">
						<h1 class="entry-title">Gallery</h1>
						<div class="breadcrumb">
							<div class="container">
								<ul class="tm_bread_crumb">
									<li class="top"><a href="<?php echo home_url();?>">Home</a></li>
									<li class="sub tail current">Gallery</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="our-projects">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="myportfolio-container minimal-light" id="our-projects">
									
									<div class="portfolio-row">
              							<div class="portfolioContainer portfolioContainer-full row" id="da-thumbs">
              								<ul class="project-masonry">
												 <?php
query_posts( array( 'numberposts' => -1,  'post_type' => 'post' ) );
  //the loop start here
  if ( have_posts() ) : while ( have_posts() ) : the_post();
  
?> 
              									<li class="grid-item filter-building our-projects-wrapper col-md-6 col-sm-12 mb-3">
              										<div class="project-media-cover-wrapper" style="position: relative;text-align: center;color:#333;">
														<div class="project-entry-media">
															<a href="<?php the_permalink();?>"><img src="<?php the_field('main_image'); ?>" alt="" /></a>
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a href="<?php the_permalink();?>"><?Php the_title();?></a>
																</div>
																<div class="line-clear"></div>
																
																<div class="line-clear"></div>
																<div class="our-projects-popup">
																	<a href="<?php the_permalink();?>">
																		<i class="fa fa-search"></i>
																	</a>
																</div>
															</div>
														</div>
													</div>
													<div style="position: absolute;margin-top: -30px;color: #fff;margin-left: 35%;font-size: 20px;font-weight: 700;"><?Php the_title();?></div>
              									</li>
              									
											<?php endwhile; endif; wp_reset_query(); ?>	
              								</ul>
              							</div>
            						</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		<?php get_footer();?>