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


<main class="main">

    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background: url(assets/images/project-bg2.jpg); padding-top:200px">
        <div class="container">
            <h2 class="breadcrumb-title">Our Projects</h2>
            <ul class="breadcrumb-menu">
                <li><a href="index.php">Home</a></li>
                <li class="active" >Our Projects</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->


    <!-- gallery-area -->
    <div class="gallery-area py-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center wow fadeInDown" data-wow-delay=".25s">
                        <span class="site-title-tagline" style=" color:#000"><i class="far fa-helmet-safety"></i> Our Projects</span>
                        <h2 class="site-title custom-heading">
                            Let's Check Our completed <span >Projects</span>
                        </h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>

                <style>
                    .custom-heading {
                        font-size: 24px;
                        /* Mobile font size */
                        line-height: 1.2;
                    }

                    /* Desktop font size */
                    @media (min-width: 992px) {
                        .custom-heading {
                            font-size: 34px;
                            /* Larger heading on desktop */
                        }
                    }
                </style>

            </div>
            <div class="row g-4 popup-gallery">
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-1.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-1.jpeg" ><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-2.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-2.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-3.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-3.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-4.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-4.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-5.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-5.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-6.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-6.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInUp" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-7.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-7.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-8.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-8.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-9.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-9.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-10.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-10.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-11.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-11.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-12.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-12.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-13.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-13.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-15.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-15.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-16.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-16.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="gallery-item wow fadeInDown" data-wow-delay=".25s">
                        <div class="gallery-img">
                            <img src="assets/images/img-5.jpeg" alt="">
                        </div>
                        <div class="gallery-content">
                            <a class="popup-img gallery-link" href="assets/images/img-5.jpeg"><i
                                    class="fal fa-plus"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- gallery-area end -->
    <div class="text-center mb-4">
        <h2 class="site-title custom-heading">
            On-Going Projects <span >Coming soon…</span>
        </h2>
        <h2 class="site-title custom-heading">
            Up-Coming Projects <span >Coming soon…</span>
        </h2>
    </div>

    <style>
        .custom-heading {
            font-size: 24px;
            /* Mobile font size */
            line-height: 1.2;
            margin-bottom: 1rem;
        }

        /* Desktop font size */
        @media (min-width: 992px) {
            .custom-heading {
                font-size: 34px;
                /* Larger heading on desktop */
            }
        }
    </style>


</main>


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