
    <!-- Page Title -->
    <section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);">
        <div class="auto-container">
            <div class="content-box">
                <div class="content-wrapper">
                    <div class="title">
                        <h1>Our Portfolio</h1>
                    </div>
                    <ul class="bread-crumb">
                        <li><a href="index.html">Home</a></li>
                        <li>Works</li>
                    </ul>
                </div>                    
            </div>
        </div>
    </section>
    <!-- Page Title -->

    <!-- Portfolio Section -->
    <section class="portfolio-section">
        <div class="auto-container">
            <!--Sortable Galery-->
            <div class="sortable-masonry">
                <!--Filter-->
                <div class="filters clearfix">
                    <ul class="filter-tabs filter-btns clearfix">
                        <li class="filter active" data-role="button" data-filter=".all">All <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-1">Repair <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-2">Consultation <span class="count">0</span></li>
                        <li class="filter" data-role="button" data-filter=".cat-3">Installation <span class="count">0</span></li>
                    </ul>
                </div>
                <div class="items-container row clearfix">
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-1.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Repairing</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-4 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-2.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Insulation</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-3.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <LED>Roof Inspection</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-2 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-4.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Replacement</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-5.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Coating</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-6.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Repairing</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-7.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Installation</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 cat-four col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-8.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Maintenance</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-9.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Repairing</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-10.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Maintenance</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-3 col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-11.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Coating</h4>
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Project Block -->
                    <div class="gallery-block masonry-item all cat-1 cat-2 cat-four col-lg-3 col-md-6">
                        <div class="inner-box">
                            <div class="image">
                                <img src="assets/images/gallery/image-12.jpg" alt="">
                            </div>
                            <div class="overlay-content">
                                <div class="border-one"></div>
                                <div class="border-two"></div>
                                <div>
                                    <h4>LED Inspection</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="load-more text-center mt-40"><a href="#" class="theme-btn btn-style-one">Load More</a></div>
            </div>
        </div>
    </section>

    <!-- CTA Section Two -->
    <section class="cta-section-two">
        <div class="auto-container">
            <div class="wrapper-box">
                <h3>Need Roof Service & Maintenance Or Have <br> Any Questions? We are Ready to Help!</h3>
                <div class="link-btn"><a href="#" class="theme-btn btn-style-one style-three"><span>Learn More</span></a></div>
                <div class="icon"><img src="assets/images/icons/icon-12.png" alt=""></div>
            </div>
        </div>
    </section>

   