menders

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="en">

<title>Contact Us</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

<link href="assets/img/logo.png" rel="icon">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">

</head>

<header id="header" class="sticky-top d-flex align-items-center" style="background: linear-gradient(90deg, #a7a8a4 0%, #a58b78 100%) !important;">
    <div class="container d-flex align-items-center">

<nav id="navbar" class="navbar">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="products.html">Products</a></li>
          
          
          <li><a href="#">Sitemap</a></li>
          <li><a href="contact.html" class="active">Contact Us</a></li>
          <li><a href="distributor.html">Apply As Distributor</a></li>
          <li><a href="https://global.qjmotor.com/"><img src="assets/img/logo_white.png" class="img-fluid" style="width: 120px; height: 45px;" alt=""></a></li>
          <li><a href="index.html"><img src="assets/img/nexusNew.png" class="img-fluid" style="width: 120px;" alt=""></a>
          </li>
          <!-- <li class="dropdown"><a href="#"><span>About</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="about.html">About</a></li>
              <li><a href="team.html">Team</a></li>
              <li><a href="testimonials.html">Testimonials</a></li>

</div>
  </header>
  <main id="main">

<section id="breadcrumbs" class="breadcrumbs">
      <div class="container">

<div class="d-flex justify-content-between align-items-center">
          <h2>Contact</h2>
          <ol>
            <li><a href="index.html">Home</a></li>
            <li>Contact</li>
          </ol>
        </div>

</div>
    </section>

<section id="contact" class="contact mb-5">
      <div class="container">

<div class="col-lg-4">
            <div class="info fade-slide-down">
              <div class="address">
                <i class="bi bi-geo-alt"></i>
                <h4>Chawla Green Motors Pvt. Ltd:</h4>
                
                <p>3-KM Rohi Nala Road Kahna, Lahore, Pakistan.</p>
              </div>

<div class="email fade-slide-down">
                <i class="bi bi-envelope"></i>
                <h4>Email:</h4>
                <p>info@chawlagreenmotors.com</p>
                
              </div>

<div class="phone fade-slide-down">
                <i class="bi bi-phone"></i>
                <h4>Phone</h4>
                <p>+92 311 4995162</p>
              </div>

</div>

<form action="contactDone.php" method="post" class="php-email-form">
              <div class="row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" placeholder="Your Name" required>
                </div>
                <div class="col-md-6 form-group mt-3 mt-md-0">
                  <input type="email" class="form-control" name="email" placeholder="Your Email" required>
                </div>
              </div>
              <div class="form-group mt-3">
                <input type="text" class="form-control" name="subject" placeholder="Subject" required>
              </div>
              <div class="form-group mt-3">
                <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
              </div>
              <div class="my-3" style="display: none!important">
                <div class="loading">Loading</div>
                <div class="error-message"></div>
                <div class="sent-message">Your message has been sent. Thank you!</div>
              </div>
              <div class="text-center"><button type="submit" onclick="submitDone()">Send Message</button></div>
              <script>
                  function submitDone()
                  {
                      alert('Thank you! Our team wll get back to you shortly.');
                       window.location.href='index.html';
                  }
              </script>
            </form>

</div>

</div>
    </section>

</main>

<footer id="footer">
  <div class="footer-top">
    <div class="container">
      <div class="row">

<div class="col-lg-4 col-md-6">
          <div class="footer-info">
            <img src="assets/img/logo.png" style="width: 50%" alt="">
            <br>
            <p>
              Chawla Green Motors is a joint venture of Chawla Group and QJ motors which is a leader in smart
              motorcycle industry.
            </p>
            <div class="social-links mt-3">
              <a href="https://www.facebook.com/chawlagreenmotorsofficial/" class="facebook"><i
                  class="bi bi-facebook"></i></a>
                  <a href="https://www.instagram.com/chawlagreenmotors/" class="instagram"><i
                      class="bi bi-instagram"></i></a>
                  <a href="https://www.tiktok.com/@chawlageenmotors?_t=8qzo4RFxV3P&_r=1" class="instagram"><i
                      class="bi bi-tiktok"></i></a>
                  <a href="https://www.youtube.com/@ChawlaGreenMotors" class="instagram"><i
                      class="bi bi-youtube"></i></a>
                  <a href="https://snapchat.com/t/WuXX9kPU" class="instagram"><i
                      class="bi bi-snapchat"></i></a>
              <a href="https://www.threads.net/@chawlagreenmotors" class="threads"><i class="bi bi-threads"></i></a>
              <a href="https://www.linkedin.com/company/chawla-green-motors/about/?viewAsMember=true"
                class="linkedin"><i class="bi bi-linkedin"></i></a>
            </div>
          </div>
        </div>

<div class="col-lg-3 offset-md-1 col-md-6">
          <h3 class="text-light mb-4">Address</h3>
          <p><i class="bi bi-geo-alt-fill me-2"></i>3-KM Rohi Nala Road Kahna, Lahore, Pakistan</p>
          <p><i class="bi bi-telephone-fill me-2"></i><a href="tel:+923114995162">+92 311 4995162</a></p>
          <p><i class="bi bi-envelope-fill me-2"></i>info@chawlagreenmotors.com</p>
        </div>

<div class="col-lg-2 offset-md-1 col-md-6 footer-links">
          <h3>Our Products</h3>
          <ul>
                <li><i class="bx bx-chevron-right"></i><a href="bike-tq.html">TQ Series</a></li>
                <li><i class="bx bx-chevron-right"></i><a href="bike-dq.html">DQ Series</a></li>
                <li><i class="bx bx-chevron-right"></i><a href="bike-S5.html">S5 Series</a></li>
                <li><i class="bx bx-chevron-right"></i><a href="bike-S2.html">S2 Series</a></li>
                <li><i class="bx bx-chevron-right"></i><a href="vcPlus.html">VC PLUS</a></li>
                <li><i class="bx bx-chevron-right"></i><a href="bike-v3.html">V3 Series</a></li>
            </ul>
        </div>

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

<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

<script src="assets/js/main.js"></script>
  <script>
    // script.js
  document.addEventListener("DOMContentLoaded", function() {
    const fadeSlideElements = document.querySelectorAll('.fade-slide-down');
    const slideInElements = document.querySelectorAll('.slide-in-right');

function checkVisibility() {
        const windowHeight = window.innerHeight;
        
        fadeSlideElements.forEach(element => {
            const positionFromTop = element.getBoundingClientRect().top;
            if (positionFromTop - windowHeight <= 0) {
                element.classList.add('visible');
            }
        });

slideInElements.forEach(element => {
            const positionFromTop = element.getBoundingClientRect().top;
            if (positionFromTop - windowHeight <= 0) {
                element.classList.add('visible');
            }
        });
    }

window.addEventListener('scroll', checkVisibility);
    checkVisibility(); // Initial check in case elements are already visible
  });

</script>

</body>

</html>