<?php include('include/head.php'); ?>

</head>


<body>
    
    <!-- Spinner Start -->
    <div id="spinner"
        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->


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

                <?php
                $banner = mysqli_query($conn, "SELECT * FROM `banners` where page_name='about'");
                while($row = mysqli_fetch_array($banner))
                {
                    $photo = $row['banners'];
                }
                ?>
    <!-- Header Start -->
    <div class="container-fluid bg-primary page-header" style="background-image: url('<?php path(); ?>/admin/assets/images/banner-image/<?php echo $photo; ?>'); " >
        <div class="container">
            <div class="row justify-content-center">
                <!-- <div class="col-lg-10 text-center">
                    <h1 class=" text-white animated slideInDown">About Us</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center">
                            <li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
                            <li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
                            <li class="breadcrumb-item text-white active" aria-current="page">About</li>
                        </ol>
                    </nav>
                </div> -->
            </div>
        </div>
    </div>
    <!-- Header End -->


    <!-- About Start -->
    <section class="about-section" style="padding-top:50px;">
        <div class="container">
            <div class="row">

                <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h6 class="section-title bg-white text-start text-primary pe-3">About Us</h6>
                            <h1 class="mb-4">About Our Company</h1>
                        </div>
                        <div class="text">Welcome to KWIKSTOP Recycling Solutions, where our commitment to sustainability drives everything we do. As a leader in the recycling industry, we are dedicated to providing innovative solutions that contribute to a cleaner, greener planet. Our expertise spans various recycling processes, ensuring that we can effectively manage and repurpose waste materials, reducing environmental impact and promoting a circular economy.</div>

                        <!-- <div class="btn-box">
                            <a class="btn btn-primary py-3 px-5 mt-2" href="">Contact Now</a>
                        </div> -->
                    </div>
                </div>

                <!-- Image Column -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column wow fadeInUp" style="margin-top: 100px;">
                        <!-- <div class="author-desc">
                            <span>3 Years Of Quality Service</span>
                        </div> -->
                        <figure class="image-1"><img
                                    title="" src="img/about-img2.jpg" alt=""></figure>
                    </div>
                </div>

            </div>

        </div>
    </section>



    
  <!-- === misssion design start === -->
  <div class="mission-design">
    
    <!-- <h1>Our Mission And Vision Statement</h1> -->
  
     </div>
     <!-- === misssion design end === -->
  
  
  
    <!-- === mission image start === -->
    <div class="mission-img">
              <div class="container">
                  <img src="img/banner/recycle-trendy.jpg" alt="">
              </div>
          </div>  
    <!-- === mission image end === -->
   
  
    
      <!-- ==== mission section start ==== -->
     
      <section class="mission" id="mission">
          <div class="container">
              <!-- <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                  <h6 class="text-secondary text-uppercase">Vision, Mission & Our Values</h6>
                  <h1 class="mb-5">Vision, Mission & Our Values</h1>
              </div> -->
              <div class="row">
  
                  <div class="col-sm-6 mt-5">
                      <div class="mission-box " style="background-color: white;">
  
                          <div class="mission-icon text-center  aButton" >
                              <a href="" class="icon"> <img src="img/icon/target.png" alt=""></a>
                          </div>
  
                          <h2 class="text-center">Our Mission</h2>
  
                          <p>At KWIKSTOP Recycling Solutions, our mission is to revolutionize the way waste is managed. We aim to minimize the environmental footprint by providing efficient, eco-friendly recycling solutions. Through continuous innovation and a commitment to excellence, we strive to transform waste into valuable resources, fostering a sustainable future for generations to come.</p>
  
                      </div>
                  </div>
  
                  <div class="col-sm-6 mt-5">
                      <div class="mission-box">
  
                          <div class="mission-icon text-center  aButton ">
                              <a href="" class="icon"> <img src="img/icon/vision.png" alt=""></a>
                          </div>
  
                          <h2 class="text-center">Our Vision</h2>
  
                          <p>Our vision is to be the global leader in sustainable recycling solutions. We envision a world where waste is no longer a problem but a resource, and recycling is an integral part of everyday life. By advancing our technologies and expanding our reach, we aim to set new standards in the recycling industry, making a significant positive impact on the environment and society.
                          </p>
  
                      </div>
                  </div>
  
  
                  <!--<div class="col-sm-4 mt-5">-->
                  <!--    <div class="mission-box">-->
  
                  <!--        <div class="mission-icon text-center  aButton ">-->
                  <!--            <a href="" class="icon"> <img src="img/icon/value.png" alt=""></a>-->
                  <!--        </div>-->
  
                  <!--        <h2 class="text-center">Our Values</h2>-->
  
                  <!--        <p>Kwikstop Recycling is known for its ethics and values in the industry. we never compromise with the standards of recycling as set by authorities and we avoid every possible means which affect the nature.</p>-->
  
                  <!--    </div>-->
                  <!--</div>-->
                  
              </div>
          </div>
      </section>
     
  <!-- ===== mission ssetion end ==== -->







  <!-- Service Start -->
  <div class="container-xxl py-5">
        <div class="container">
        <div class="sec-title text-center">
             <h6 class="section-title bg-white text-start text-primary pe-3">Why Choose Us</h6>
            <h1 class="">Why choose Us</h1>
        </div>
            <div class="row mt-5 g-4"> 
                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
                    <div class="service-item text-center pt-3">
                        <div class="p-4">
                            <h5 class="mb-3 text-white ">Comprehensive Services</h5>
                            <p>We offer a wide range of recycling services tailored to meet the unique needs of our clients, from residential recycling to large-scale industrial waste management.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="service-item text-center pt-3">
                        <div class="p-4">
                            <h5 class="mb-3 text-white ">Advanced Technology</h5>
                            <p>Our state-of-the-art facilities and cutting-edge technology ensure that we recycle efficiently and effectively, maximizing resource recovery. </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
                    <div class="service-item text-center pt-3">
                        <div class="p-4">
                            <h5 class="mb-3 text-white ">Expert Team</h5>
                            <p>Our team of dedicated professionals brings extensive knowledge and experience to every project, ensuring the highest standards of service and support.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-2"></div>
                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="service-item text-center pt-3">
                        <div class="p-4">
                            <h5 class="mb-3 text-white ">Environmental Commitment</h5>
                            <p>We are deeply committed to environmental stewardship, constantly seeking ways to reduce waste and promote sustainability.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                    <div class="service-item text-center pt-3">
                        <div class="p-4">
                            <h5 class="mb-3 text-white ">Customer Satisfaction</h5>
                            <p>Our clients are at the heart of everything we do. We prioritize their needs and work tirelessly to exceed their expectations with our reliable and efficient services.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Service End -->
    
    
    
    
    <!-- ===== director section start ===== -->
    <section class="director" id="director">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">Our Directors	</h6>
                <h1 class="">Our Directors	</h1>
            </div>
            <div class="row">

                <div class="col-md-3 mt-3">
                    <div class="director-box">
                        <div>
                            <img src="img/director1.jpeg" alt="" style="width: 100%; height:250px;">
                        </div>

                        <h4 class="text-center mt-3 ">Ajay Kumar garg</h4>
                        <p class="text-center">Director</p>
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class="director-box">
                        <div>
                            <img src="img/director2.jpeg" alt="" style="width: 100%; height:250px;">
                        </div>

                        <h4 class="text-center mt-3 ">Kaushal Gupta</h4>
                        <p class="text-center">Director</p> 
                    </div>
                </div>

                <div class="col-md-3 mt-3">
                    <div class="director-box">
                        <div>
                            <img src="img/director3.jpeg" alt="" style="width: 100%; height:250px;">
                        </div>

                        <h4 class="text-center mt-3 ">Yashank Garg</h4>
                        <p class="text-center">Director</p>
                    </div>
                </div>
                
                <div class="col-md-3 mt-3">
                    <div class="director-box">
                        <div>
                            <img src="img/director4.jpeg" alt="" style="width: 100%; height:250px;">
                        </div>

                        <h4 class="text-center mt-3 ">Vijay kumar Garg</h4>
                        <p class="text-center">Director</p>
                    </div>
                </div>
                

            </div>
        </div>
    </section>
    <!-- ==== director section end ==== -->

    
    <!-- ===== certification section start ===== -->
    <section class="certificate" id="certificate">
        <div class="container">
            <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
                <h6 class="section-title bg-white text-center text-primary px-3">Certifications</h6>
                <h1 class="">Quality Certifications</h1>
            </div>
            <div class="row">

                <div class="col-md-4">
                    <img src="img/certificate1.jpeg" alt="" width="100%">
                </div>

                <div class="col-md-4">
                    <img src="img/certificate2.jpeg" alt="" width="100%">
                </div>

                <div class="col-md-4">
                    <img src="img/certificate3.jpeg" alt="" width="100%">
                </div>

            </div>
        </div>
    </section>


    <!-- ==== certification section end ==== -->
    
    
    
  


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


</body>

</html>