<?php include'header.php' ?>

    <!-- Breadcrumb-section start -->
       <section class="breadcrumb-wrapper fix bg-cover" style="background-image: url(assets/img/breadcrumb/breadcrumb.jpg);">
        <div class="container">
            <div class="row">
                <div class="page-heading">
                    <h2>About Us</h2>
                </div>
            </div>
        </div>
       </section>

       
       <!-- about-section start -->
       <section class="about-section section-padding fix section-bg">
        <div class="container-fluid">
            <div class="about-wrapper-3">
                <div class="row g-4">
                    <div class="col-xl-3 col-md-5 col-lg-6">
                        <div class="about-image">
                            <img src="assets/img/about/05.jpg" alt="img">
                            <div class="about-image-2">
                                <img src="assets/img/about/06.jpg" alt="img">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-md-7 col-lg-6">
                        <div class="about-content">
                            <div class="section-title">
                                <h6><span></span> About Us</h6>
                                <h2>We Provide You The Best Experince</h2>
                            </div>
                            <p>
    We specialize in modern home safety and interior enhancement solutions that combine
    strength, functionality, and elegant design. From invisible grills and safety nets
    to premium mesh systems and window solutions, we help homeowners create safer,
    more comfortable, and visually appealing living spaces.
    <br><br>
    With a focus on quality materials, precision installation, and customer satisfaction,
    we ensure every solution blends seamlessly with your home’s architecture.
</p>

                            <div class="about-list-item">
                               <div class="circle-image">
                                    <img src="assets/img/about/circle.png" alt="img">
                                    <div class="icon">
                                        <img src="assets/img/icon/30.svg" alt="img">
                                    </div>
                                </div>
                                <ul class="about-list">
    <li>
        <i class="fa-solid fa-circle-check"></i>
        Premium Quality Materials & Finishing
    </li>
    <li>
        <i class="fa-solid fa-circle-check"></i>
        Professional Installation & Timely Execution
    </li>
    <li>
        <i class="fa-solid fa-circle-check"></i>
        Customized Solutions for Every Home
    </li>
</ul>

                            </div>
                            <a class='theme-btn' href='contact.php'>View All Details <i class="fa-regular fa-arrow-right-long"></i></a>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6 col-lg-6">
                        <div class="right-image">
                            <img src="assets/img/about/07.jpg" alt="img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
       </section>

       <!-- Project-section start -->
<section class="project-section section-padding fix bg-cover" style="background-image: url(assets/img/project-bg.jpg);">
    <div class="container">
        <div class="project-wrapper">
            <div class="row g-4 align-items-center">

                <!-- Left Project Boxes -->
                <div class="col-lg-6">
                    <div class="main-box">

                        <!-- Project Item 1 -->
                        <div class="box active">
                            <div class="project-content">
                                <div class="text">
                                    <span>Smart Living</span>
                                    <h5>
                                        <a href="#">Invisible Grills Installation</a>
                                    </h5>
                                </div>
                                <div class="border">
                                    <a class="icon" href="#">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- Project Item 2 -->
                        <div class="box bg-1">
                            <div class="project-content">
                                <div class="text">
                                    <span>Modern Safety</span>
                                    <h5>
                                        <a href="#">Balcony & Window Safety Nets</a>
                                    </h5>
                                </div>
                                <div class="border">
                                    <a class="icon" href="#">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- Right Slider Content -->
                <div class="col-lg-6">
                    <div class="project-slide-content">

                        <!-- Section Title -->
                        <div class="section-title">
                            <h6 class="text-white">
                                <span class="style-2"></span> Latest Portfolio
                            </h6>
                            <h2 class="text-white">
                                Real Projects That Define <br>
                                Safety & Elegant Living
                            </h2>
                        </div>

                        <!-- Slider -->
                        <div class="swiper project-slider">
                            <div class="swiper-wrapper">

                                <!-- Slide 1 -->
                                <div class="swiper-slide">
                                    <div class="content">
                                        <p>
                                            Our invisible grill projects are designed to deliver maximum safety
                                            without blocking scenic views or airflow, making balconies and windows
                                            both secure and visually appealing.
                                        </p>
                                    </div>
                                </div>

                                <!-- Slide 2 -->
                                <div class="swiper-slide">
                                    <div class="content">
                                        <p>
                                            We install premium safety nets and mesh systems that protect children
                                            and pets while maintaining proper ventilation and a clean, modern look.
                                        </p>
                                    </div>
                                </div>

                                <!-- Slide 3 -->
                                <div class="swiper-slide">
                                    <div class="content">
                                        <p>
                                            Every project is completed using high-grade materials and expert
                                            installation techniques to ensure durability, reliability, and
                                            long-term customer satisfaction.
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <!-- Slider Arrows -->
                        <div class="arrow-item">
                            <div class="array-button">
                                <button class="array-prev">
                                    <i class="fa-solid fa-arrow-left-long"></i>
                                </button>
                                <button class="array-next">
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </button>
                            </div>
                        </div>

                        <!-- CTA -->
                        <!--<a class="theme-btn" href="#">-->
                        <!--    View All Projects <i class="fa-regular fa-arrow-right-long"></i>-->
                        <!--</a>-->

                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- Project-section end -->


       <!-- Counter-section start -->
       <!--<section class="counter-section section-padding pb-0 fix">-->
       <!-- <div class="container">-->
       <!--     <div class="counter-area style-2 mt-0">-->
       <!--         <div class="row g-4">-->
       <!--             <div class="col-xl-3 col-lg-6 col-md-6">-->
       <!--                 <div class="counter-box-items">-->
       <!--                     <div class="content">-->
       <!--                         <h2><span class="count">400</span>+</h2>-->
       <!--                         <h6>Team Member</h6>-->
       <!--                     </div>-->
       <!--                 </div>-->
       <!--             </div>-->
       <!--             <div class="col-xl-3 col-lg-6 col-md-6">-->
       <!--                 <div class="counter-box-items">-->
       <!--                     <div class="content">-->
       <!--                         <h2><span class="count">800</span>+</h2>-->
       <!--                         <h6>Client Review</h6>-->
       <!--                     </div>-->
       <!--                 </div>-->
       <!--             </div>-->
       <!--             <div class="col-xl-3 col-lg-6 col-md-6">-->
       <!--                 <div class="counter-box-items">-->
       <!--                     <div class="content">-->
       <!--                         <h2><span class="count">100</span>+</h2>-->
       <!--                         <h6>Complete Project</h6>-->
       <!--                     </div>-->
       <!--                 </div>-->
       <!--             </div>-->
       <!--             <div class="col-xl-3 col-lg-6 col-md-6">-->
       <!--                 <div class="counter-box-items">-->
       <!--                     <div class="content">-->
       <!--                         <h2><span class="count">40</span>k</h2>-->
       <!--                         <h6>Winning award</h6>-->
       <!--                     </div>-->
       <!--                 </div>-->
       <!--             </div>-->
       <!--         </div>-->
       <!--     </div>-->
       <!--   </div>-->
       <!--</section>-->

    
<?php include'footer.php' ?>