	<?php include('header.php');?>

    <div class="page-banner-wrap bg-cover" style="background-image: url('assets/img/page-banner.jpg')">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-12">
                    <div class="page-heading text-white">
                        <h1>Gallery</h1>
                    </div>
                    <div class="breadcrumb-wrap">
                        <nav>
                            <ol class="breadcrumb">
                              <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                              <li class="breadcrumb-item active" aria-current="page">Gallery</li>
                            </ol>
                        </nav>  
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <section class="portfolio-showcase-wrapper section-padding">
        <div class="container">
            <div class="row">
                <!--<div class="col-12 col-lg-12 mb-30 text-center">-->
                <!--    <div class="portfolio-cat-filter">-->
                <!--        <button data-filter="*" class="active">All Projects</button>-->
                <!--        <button data-filter=".building" class="">Building</button>-->
                <!--        <button data-filter=".construction" class="">Construction</button>-->
                <!--        <button data-filter=".architecture" class="">Architecture</button>-->
                <!--        <button data-filter=".planning" class="">Planning</button>-->
                <!--    </div>-->
                <!--</div>-->
            </div>

            <div class="row grid" style="position: relative; height: 1457.44px;">

                <div class="col-lg-4 col-md-6 grid-item construction building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img1.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img1.jpeg" alt=""></a>
                        <!--<div class="contents">-->
                        <!--    <a href="project-details.html" class="project-link"><i class="fal fa-plus"></i></a>-->
                        <!--    <span>INTERIOR DESIGN</span>-->
                        <!--    <h3><a href="project-details.html">CATALYST ARCHITECTS</a></h3>-->
                        <!--    <p>May 25 2010</p>-->
                        <!--</div>--> 
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 grid-item planning architecture building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img2.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img2.jpeg" alt=""></a>
                     
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 grid-item planning architecture" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img3.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img3.jpeg" alt=""></a>
                      
                    </div>
                </div>
                
                 <div class="col-lg-4 col-md-6 grid-item planning architecture building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img4.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img4.jpeg" alt=""></a>
                     
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 grid-item planning architecture" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img5.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img5.jpeg" alt=""></a>
                      
                    </div>
                </div>

 <div class="col-lg-4 col-md-6 grid-item planning architecture building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img6.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img6.jpeg" alt=""></a>
                     
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 grid-item planning architecture" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img7.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img7.jpeg" alt=""></a>
                      
                    </div>
                </div>

 <div class="col-lg-4 col-md-6 grid-item planning architecture building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img8.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img8.jpeg" alt=""></a>
                     
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 grid-item planning architecture" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img9.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img9.jpeg" alt=""></a>
                      
                    </div>
                </div>

                     <div class="col-lg-4 col-md-6 grid-item planning architecture building" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img10.jpeg" class="d-block popup-link"><img src="assets/img/gallery/img10.jpeg" alt=""></a> 
                    </div>
                </div> 
                
                   <div class="col-lg-4 col-md-6 grid-item planning architecture">   
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img15.jpg" class="d-block popup-link"><img src="assets/img/gallery/img15.jpg" alt=""></a> 
                    </div>
                </div>
                 <div class="col-lg-4 col-md-6 grid-item planning architecture" > 
                    <div class="project-item-card"> 
                        <a href="assets/img/gallery/img16.jpg" class="d-block popup-link"><img src="assets/img/gallery/img16.jpg" alt=""></a> 
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-offset-md-8 grid-item planning architecture" >
                    <div class="project-item-card">
                        <a href="assets/img/gallery/img13.jpg" class="d-block popup-link"><img src="assets/img/gallery/img13.jpg" alt=""></a>
                    </div>
                </div>
                 <div class="col-lg-4 col-md-6 grid-item planning architecture building">  
                    <div class="project-item-card">  
                        <a href="assets/img/gallery/img11.jpg" class="d-block popup-link"><img src="assets/img/gallery/img11.jpg" alt=""></a>
                    </div> 
                </div>
            </div>
           
        </div>
    </section>

   
	<?php include('footer.php');?>

