menders

Back Back Up Advanced Editor

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

<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="https://fonts.cdnfonts.com/css/airstrike" 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">

.airstrike {
      font-family: 'Airstrike', sans-serif;
    }

.million {
      font-size: 48px;
      font-weight: bold;
      color: transparent !important;
      /* Make the text color transparent */
      background: linear-gradient(90deg, #d9232d, #d9232c56, #d9232d);
      background-size: 200% 100%;
      animation: shimmer 2.5s infinite linear;
      -webkit-background-clip: text;
      /* For Safari */
      background-clip: text;
      /* For other browsers */
    }

@keyframes shimmer {
      0% {
        background-position: 200% 0;
      }

100% {
        background-position: -200% 0;
      }
    }

.modal-bg {
      background-image: url(assets/img/modal-bg-3.png);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  </style>

</head>

<header id="header" class="sticky-top d-flex align-items-center">
    <div class="container d-flex align-items-center">

<nav id="navbar" class="navbar">
        <ul>
          <li><a href="index.html" class="active">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">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="height: 60px;" 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>

<section id="hero">
    <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

<div class="carousel-item active home-filter"
          style="background-image: url('assets/img/TQ/Tq-White.png'), linear-gradient(to right, #C9D4DD, #475669);">
          <div class="carousel-container1">
            <h1 class="airstrike-h1 animate__animated animate__fadeInDown">TQ</h1>
          </div>
          <div class="carousel-container">
            <div class="container home-filter1">
              <h3 class="animate__animated animate__fadeInDown fw-bold text-white text-justify">Ride Green, Ride Clean –
                Electric Bikes for a Brighter Future!</h3>
            </div>
          </div>
        </div>

</div>

</div>
  </section>

<section id="about" class="about about3 py-3 py-md-5">
      <div class="container px-5 px-md-0">
        <div class="row content mt-3 mt-md-5">

<div class="card mb-3 p-0 bg-dark bg-opacity-75 border-0 text-white">
            <div class="row g-0">
              <div class="col-md-4 slide-in-right d-flex">
                <img src="assets/img/chawala_logo2.jpg" class="img-fluid rounded-start" alt="...">
              </div>
              <div class="col-md-8 slide-in-left">
                <div class="card-body">
                  <h5 class="card-title">Chawla Green Motors</h5>
                  <p class="card-text">Chawla Green Motors has ventured with QJ Motors. </p>
                  <p class="card-text text-justify">QJ Motors founded in 1985, devotes itself in motorcycles, off road
                    vehicles,
                    accessories and events. <br /> Infused in smart and passionate vehicles for better riding experience
                    and fun, QJ Motor aspires to be a leader in the global smart motorcycle and four wheeler industry.
                  </p>
                  <p class="card-text text-justify">Chawla Motors is proud to collaborate with QJ Motors, a global
                    leader in smart
                    motorcycles and off-road vehicles. Founded in 1985, QJ Motors is renowned for its commitment to
                    delivering innovative and passionate riding experiences. Together, we are bringing cutting-edge
                    electronic motorcycles to the market, ensuring enhanced riding pleasure and eco-friendly technology
                    for our customers.</p>
                  
                </div>
              </div>
            </div>
          </div>

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

<div class="row justify-content-center text-white">
          <div class="col-md-12 text-center">
            <div class="bg-img">
              <div class="bg-gradient bg-dark bg-opacity-50 h-100">
                <div class="py-4">
                  <h1 class="fw-bold fade-slide-down">Refined Riding Experience</h1>
                  <p class="fade-slide-down fs-6">We aim to deliver a refined riding experience that combines high
                    quality,<br>
                    high performance and high safety.</p>
                </div>
                
                <div class="bg-img-overlay px-0 px-md-5 bg-black bg-opacity-50 mt-0 mt-md-5">
                  <p class="text-justify px-4 px-md-5 py-0 py-md-5 fs-6 slide-in-right">Discover the next level of
                    electric bikes with superior performance
                    and style. Powered by an exceptional hub motor, these bikes deliver remarkable acceleration and
                    power
                    for a smooth ride. With front and rear disc brakes, they offer precise stopping power and safety in
                    all conditions. Available in a variety of vibrant colors, they feature an innovative graphene
                    battery
                    that provides a lightweight, durable, and efficient energy source for an impressive mileage range.
                    Ideal for commuting, exploring, or cruising, these electric bikes combine power, safety, and
                    sustainability in a sleek design. Elevate your ride with cutting-edge technology and unmatched
                    performance.</p>
                </div>
                <div class="row bg-img-overlay px-0 py-3 gap-3 px-md-5 mt-0 mt-md-5 justify-content-center">
                  <div class="col-md-3 bg-black bg-opacity-50 py-4 rounded-5 d-flex align-content-center flex-column">
                    <h2 id="counter1">1</h2>
                    <br>
                    <h5>CO2 Reduction (Ton)</h5>
                  </div>
                  <div class="col-md-3 bg-black bg-opacity-50 py-4 rounded-5 d-flex align-content-center flex-column">
                    <h2 id="counter2">1</h2>
                    <br>
                    <h5>Save Standard Coal (Ton)</h5>
                  </div>
                  <div class="col-md-3 bg-black bg-opacity-50 py-4 rounded-5 d-flex align-content-center flex-column">
                    <h2 id="counter3">1</h2>
                    <br>
                    <h5>Equivalent Trees Planted (Trees)</h5>
                  </div>