<?php
/**
 * Template Name: Gallery Page
 */
get_header();


?>

 <style>
    h1,h2,h3,h4{font-weight:300;}
	  .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
    #intro {
      background-image: url("https://patiosgrandehoa.com/wp-content/uploads/2025/05/image15.jpeg");
      height: 70vh;
    }

    /* Height for devices larger than 576px */
  

   
	  .bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
	 .imgcustom{ left: -13px;
    position: relative;
    display: block;
    right: 0;
}

.adfont{text-align:center;font-weight:bold;}
  </style>

 <!-- Background image -->
  <div id="intro" class="bg-image shadow-2-strong">
    <div class="mask" style="background-color: rgba(0, 0, 0, 0.5);">
      <div class="container d-flex align-items-center justify-content-center text-center h-100">
        <div class="text-white" data-mdb-theme="dark">
           <h1 class="mb-3 text-white"><?php the_title();?></h1>
       
        
        
        </div>
      </div>
    </div>
  </div>
  <!-- Background image -->
  
  
  
  <section class="hmg-abt-sec">
		<div class="container">
			<div class="hmg-abt-sec-contnr">
				<div class="row">
				    	 <h2 class="mb-3 mt-5 adfont">PATIO GRANDE TOWNHOMES
</h2>
					<div class="col-lg-12 hmg-abt-sec-col">
					
				
					
					<?php echo do_shortcode('[envira-gallery id="151"]'); ?>
					
					
					
					</div>
			
				
			
				</div>
			</div>
		</div>
	</section>
	
	
	
	
	
	
	
<?php get_footer(); ?> 
