<?php
    //Dynamic Head Secion Link and Script Tag Include Start
    $cssAndScriptFiles = [
        'css' => ['assets/plugins/revolution/revolution/css/settings.css', 'assets/plugins/revolution/revolution/css/navigation.css'],
        //'js' => ['test_about.js', 'assets/js/test_about1.js'],
    ];
    //Dynamic Head Secion Link and Script Tag Include End
    
    //Dynamic Footer Section Script Tag Include Start
    $footerScriptFiles = [
        'js' => ['assets/plugins/revolution/revolution/js/jquery.themepunch.tools.min.js', 'assets/plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js', 'assets/plugins/revolution/revolution/js/extensions/revolution-plugin.js', 'assets/js/rev-script-1.js'],
    ];
    //Dynamic Footer Section Script Tag Include End
?>
<?php include_once 'header.php'; ?>


        <!-- CONTENT START -->
        <div class="page-content">
            <!-- INNER PAGE BANNER -->
            <div class="mt-bnr-inr overlay-wraper bg-parallax bg-top-center"  data-stellar-background-ratio="0.5"  style="background-image:url(assets/images/banner/2.jpg);">
            	<div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="mt-bnr-inr-entry">
                    	<div class="banner-title-outer">
                        	<div class="banner-title-name">
                        		<h2 class="m-b0">Gallery</h2>
                            </div>
                        </div>
                        <!-- BREADCRUMB ROW -->                            
                        
                            <div>
                                <ul class="mt-breadcrumb breadcrumb-style-2">
                                    <li><a href="index.html">Home</a></li>
                                    <li>Gallery</li>
                                </ul>
                            </div>
                        
                        <!-- BREADCRUMB ROW END -->                        
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->
            
			<!-- SECTION CONTENT START -->
            <div class="section-full p-tb80 inner-page-padding">
            	<div class="container">
                    <!-- PAGINATION START -->
                    <div class="filter-wrap p-b30 text-center">
                        <ul class="filter-navigation inline-navigation masonry-filter link-style  text-uppercase">
                            <li class="active"><a data-filter="*" href="javascript:;" data-hover="All">All</a></li>
                            <li><a data-filter=".cat-1" href="javascript:;" data-hover="Scaffolding">Scaffolding</a></li>
                            <li><a data-filter=".cat-2" href="javascript:;" data-hover="Insulation">Insulation</a></li>
                            <li><a data-filter=".cat-3" href="javascript:;" data-hover="Refractory">Refractory</a></li>
                        </ul>
                    </div>
                    <!-- PAGINATION END -->
                    
                    <!-- GALLERY CONTENT START -->
                     <div class="portfolio-wrap mfp-gallery work-grid row clearfix">
                        <!-- COLUMNS 1 -->
                        <div class="masonry-item cat-1 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd01.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Life style building</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic1.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>
                        </div>
                        <!-- COLUMNS 2 -->
                        <div class="masonry-item cat-2 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd02.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Central City Building</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic2.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <!-- COLUMNS 3 -->
                        <div class="masonry-item cat-3 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd03.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Nathan Brooke House</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic3.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <!-- COLUMNS 4 -->
                        <div class="masonry-item cat-4 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd04.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Metropolitan Museum.</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic4.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>
    
                        </div>
                        <!-- COLUMNS 5 -->
                        <div class="masonry-item cat-5 col-lg-4 col-md-6 m-b30">
                            <div>
                                <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd05.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Art Family Residence</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic5.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>
 
                        </div>
                        <!-- COLUMNS 6 -->
                        <div class="masonry-item cat-4 col-lg-4 col-md-6 m-b30">
                           <div>
                                <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd06.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Office Partition Walls</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic6.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <!-- COLUMNS 7 -->
                        <div class="masonry-item cat-3 col-lg-4 col-md-6 m-b30">
                            <div>
                                <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd07.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Glass Office Screen</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic7.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <!-- COLUMNS 8 -->
                        <div class="masonry-item cat-2 col-lg-4 col-md-6 m-b30">
                           <div>
                                <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd08.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">State Hermitage Museum</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic8.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div>
                        <!-- COLUMNS 9 -->
                        <div class="masonry-item cat-1 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd09.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Central Florida University</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic9.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div> 
                        <!-- COLUMNS 10 -->
                        <div class="masonry-item cat-1 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd10.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Central Florida University</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic9.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div> 
                        <!-- COLUMNS 11 -->
                        <div class="masonry-item cat-1 col-lg-4 col-md-6 m-b30">
                            <div>
                            <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd11.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Central Florida University</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic9.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div> 
                        <!-- COLUMNS 12 -->
                        <div class="masonry-item cat-1 col-lg-4 col-md-6 m-b30">
                            <div>
                                <!--<div class="image-effect-two hover-shadow">-->
                                <img src="assets/images/gallery/fd/fd12.jpg" alt=""/>
                                <!--<div class="figcaption">-->
                                <!--    <h4 class="mt-tilte">Central Florida University</h4>-->
                                <!--    <p>We are so busy watching out for what's just ahead of us that we don't take the time to enjoy where we are.</p>-->
                                <!--    <a href="project-detail.html" class="read-more site-button btn-effect">Read More</a>-->
                                <!--    <a class="mfp-link" href="assets/images/projects/portrait/pic9.jpg">-->
                                <!--    	<i class="fa fa-arrows-alt"></i>-->
                                <!--    </a>-->
                                <!--</div>-->
                            </div>

                        </div> 
                     </div>
                    <!-- GALLERY CONTENT END -->
                    
                    <!--<div class="m-t50 text-center">-->
                    <!--	<a href="project-detail.html" class="site-button btn-effect">Load More</a>-->
                    <!--</div>-->
            	</div>

            
            </div>
            <!-- SECTION CONTENT END  -->

        </div>
        <!-- CONTENT END -->

        <?php include_once 'footer.php'; ?>