File "index2-20260907120147.html"

Full Path: /home/chawlag2/public_html/bikes/assets/js/index2-20260907120147.html
File size: 12 KB
MIME-type: text/html
Charset: utf-8

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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>E-Bike</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

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

  <!-- Google Fonts -->
  <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">

  <!-- Vendor CSS Files -->
  <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">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
  <!-- <link href="assets/css/slider.css" rel="stylesheet"> -->

  <!-- =======================================================
  * Template Name: Sailor
  * Template URL: https://bootstrapmade.com/sailor-free-bootstrap-theme/
  * Updated: Mar 17 2024 with Bootstrap v5.3.3
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->

</head>

<body>
  <a href="https://api.whatsapp.com/send?phone=+9230000000&text=Hello" class="float" target="_blank">
    <i class="bi bi-whatsapp"></i>
  </a>

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

      <h1 class="logo me-auto"><a href="index.html"><img src="assets/img/logo.png" class="img-fluid"
            style="width: 120px;" alt=""></a></h1>
      <!-- Uncomment below if you prefer to use an image logo -->
      <!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

      <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="social.html">Social Responsibility</a></li> -->
          <!-- <li><a href="#">Gallery</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/qjlogo.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>

              <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
                <ul>
                  <li><a href="#">Deep Drop Down 1</a></li>
                  <li><a href="#">Deep Drop Down 2</a></li>
                  <li><a href="#">Deep Drop Down 3</a></li>
                  <li><a href="#">Deep Drop Down 4</a></li>
                  <li><a href="#">Deep Drop Down 5</a></li>
                </ul>
              </li>
            </ul>
          </li> -->
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header>
  <!-- End Header -->

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

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <div class="carousel-item active" style="background-image: url(assets/img/bike1.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

        <div class="carousel-item active" style="background-image: url(assets/img/bike2.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

        <div class="carousel-item active" style="background-image: url(assets/img/bike3.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
      </a>

    </div>
  </section> -->
  <!-- End Hero -->


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

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <div class="carousel-item active" style="background-image: url(assets/img/bike1.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

        <div class="carousel-item active" style="background-image: url(assets/img/bike2.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

        <div class="carousel-item active" style="background-image: url(assets/img/bike3.png)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown text-dark">Chawla Green Motors</h2>
              <p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors to bring Electric vehicles to the Pakistan market and is aiming to produce more intelligent and humanized vehicles for better riding experience and fun. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
        <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
        <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
      </a>

    </div>
  </section> -->
  <!-- End Hero -->

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

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <!-- <div class="carousel-item active" style="background-image: url(assets/img/S2/S2_02.jpg)"> -->
        <div class="carousel-item active" style="background-image: url(assets/img/imgSlider1.jpg)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">Welcome to <span>Chawla Green Motors</span></h2>
              <p class="animate__animated animate__fadeInUp">Chawla Green Motors is a joint venture of Chawla Group and
                QJ Motors. QJ Motors is a leader in the global smart motorcycle industry.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
            </div>
          </div>
        </div>

        <!-- Slide 4 -->
        <div class="carousel-item" style="background-image: url(assets/img/imgSlider2.jpg)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">Variety in Motors</h2>
              <p class="animate__animated animate__fadeInUp">We provide a huge collection in electric bikes and scooters
                with promising factors of charging time, mileage, speed etc.</p>
              <a href="#about" class