ok

Mini Shell

Direktori : /home/gainstransformin/public_html/
Upload File :
Current File : /home/gainstransformin/public_html/innovative.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>GAINS- Transforming Lives</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="keywords" />
    <meta content="" name="description" />

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon" />

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />

    <!-- Icon Font Stylesheet -->
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
      rel="stylesheet" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
      rel="stylesheet" />

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet" />
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet" />

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet" />
    <style>
        .slider-container {
          position: relative;
        }
        
        .slider {
          width: 100%;
        }
        
        #customButton {
          position: absolute;
          top: 80%;
          left: 10%;
          transform: translate(-50%, -50%);
          padding: 10px 20px;
          background-color: #529d10;
          border-radius:5px;
          color: #fff;
          border: none;
          cursor: pointer;
          outline: none;
        }
</style>
  </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 position-relative text-primary"
        style="width: 6rem; height: 6rem"
        role="status"></div>
      <i
        class="fa fa-laptop-code fa-2x text-primary position-absolute top-50 start-50 translate-middle"></i>
    </div>
    <!-- Spinner End -->
    
    <!-- Brand & Contact Start -->
<?php include "include/innovative_header.php" ?>
    <!-- Navbar End -->

    <!-- Carousel Start -->
    <div class="container-fluid p-0 mb-3 wow Transition" data-wow-delay="0.1s">
      <div id="header-carousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="w-100 " src="imgs/innovative ag.jpg" alt="Image" />
             <a href="index.php"> <button id="customButton">Home</button></a>
          </div>
        </div>
      </div>
    </div>
    <!-- Carousel End -->
    
    <!-- Feature Start -->
    <div class="container-xxl py-5">
      <div class="container">
        <div class="row g-5">
            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" >
            <div class="img-border">
              <img class="img-fluid" src="imgs/innovative/inovative_about_us.png"/>
            </div>
          </div>
          <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
            <div class="h-100 ">
                <h5 class="section-title bg-white text-primary px-3 text-center mt-5" style="margin-left:35%;">About Us </h5>
                        <p  style="align-item: justify" >Innovative Ag Transformation Technologies is an Indian agriculture-based company 
                                    established in 2018, engaged in the manufacturing and marketing of various agriculture inputs, safety 
                                    kits, equipment, and types of machinery. We have Knapsack sprayers, blowers, electrostatic spray machines,
                                    and drip system automatization, and are planning to enter into the electric bike (Ebike) business and 
                                    solar-related products. These products incorporate the most recent and advanced technologies and are
                                    designed according to Indian farming practices.
                        </p>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Feature End -->
    
    <!-- Service Start -->
    <div class="container-xxl py-5">
      <div class="container">
          <div
          class="text-center mx-auto mb-5 wow fadeInUp"
          data-wow-delay="0.1s"
          style="max-width: 600px">
          <h5 class="section-title bg-white text-center text-primary px-3">
           Our Products 
          </h5>
        </div>
        <div class="row g-5">
            
            <div class="col-lg-6 wow fadeInDown" data-wow-delay="0.1s">
                <div class="testimonial-item">
                <div class="d-flex align-items-center">
                  <img 
                    src="imgs/innovative/2_1.png"
                    style=" width: 70%; height: 70%;padding-right:40px;"  />
                  <div>
                    <img src="imgs/innovative/2.1.png" style="width: 160px; height: 160px; padding-right:60px;"  />
                    <p style="margin-top:-30px;padding-right:60px;">Agriculture Hand Sprayer </p>
                    <a class="btn " href="inno_product_detail3.php" style="background-color:#529D10; color:white;"
                >Read More</a
              >
                  </div>
                </div>
              </div>
          </div>
            <div class="col-lg-6 wow fadeInDown" data-wow-delay="0.1s">
                <div class="testimonial-item ">
                <div class="d-flex align-items-center">
                  <img 
                    src="imgs/innovative/robo_jal.png"
                    style=" width: 70%; height: 70%;padding-right:40px;"  />
                  <div>
                    <img src="imgs/innovative/robo_jal_name.png" style="width: 160px; height: 160px; padding-right:60px;"  />
                    <p style="margin-top:-30px;padding-right:60px;">Agriculture Hand Sprayer </p>
                    <a class="btn " href="inno_product_detail2.php" style="background-color:#529D10; color:white;"
                >Read More</a
              >
                  </div>
                </div>
              </div>
          </div>
          <div class="col-lg-6 wow fadeInDown" data-wow-delay="0.1s">
                <div class="testimonial-item ">
                <div class="d-flex align-items-center">
                  <img 
                    src="imgs/innovative/induss.png"
                    style=" width: 70%; height: 70%;padding-right:40px;"  />
                  <div>
                    <img src="imgs/innovative/3.1.png" style="width: 160px; height: 160px; padding-right:60px;"  />
                    <p style="margin-top:-30px;padding-right:60px;">Agriculture Hand Sprayer </p>
                    <a class="btn " href="inno_product_detail1.php" style="background-color:#529D10; color:white;"
                >Read More</a
              >
                  </div>
                </div>
              </div>
          </div>
          <div class="col-lg-6 wow fadeInDown" data-wow-delay="0.1s">
                <div class="testimonial-item ">
                <div class="d-flex align-items-center">
                  <img 
                    src="imgs/innovative/nova_star.png"
                    style=" width: 70%; height: 70%;padding-right:40px;"  />
                  <div>
                    <img src="imgs/innovative/4.1.png" style="width: 160px; height: 160px; padding-right:60px;"  />
                    <p style="margin-top:-30px;padding-right:60px;">Agriculture Hand Sprayer </p>
                    <a class="btn " href="inno_product_detail4.php" style="background-color:#529D10; color:white;"
                >Read More</a
              >
                  </div>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- service end  -->
  


     
    <!-- Footer Start -->
    <?php include "include/innovative_footer.php" ?>
    <!-- Footer End -->

    <!-- Back to Top -->
    <a
      href="#"
      class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"
      ><i class="bi bi-arrow-up"></i
    ></a>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/lightbox/js/lightbox.min.js"></script>
<script>
$(document).ready(function(){
  $('.slider').slick();

  // Add your button click functionality here
  $('#customButton').click(function(){
    alert('Button Clicked!');
  });
});</script>
    <!-- Template Javascript -->
    <script src="js/main.js"></script>
  </body>
</html>

Zerion Mini Shell 1.0