menders

Back Back Up Advanced Editor

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

<title>S2 Series</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">
    <div class="container d-flex align-items-center">

<h1 class="logo me-auto"><a href="index.html"><img src="assets/img/logo2.png" class="img-fluid"
            style="width: 130px;" alt=""></a></h1>
      <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" class="active">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="hero1" class="bg-body-secondary">
    <div class="col-md-12 bg-white">
      <div id="carouselExample" class="carousel slide carousel-fade bg-secondary" data-bs-ride="carousel">
        <div class="carousel-indicators">
          <button type="button" style="background-color: #8BAAC1;" data-bs-target="#carouselExample"
            data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" style="background-color: #DBDAD7;" data-bs-target="#carouselExample"
            data-bs-slide-to="1" aria-label="Slide 2"></button>
          <button type="button" style="background-color: #000;" data-bs-target="#carouselExample" data-bs-slide-to="2"
            aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active text-center">
            <img src="assets/img/S2/s2-blue.png" class="img-fluid h-100" alt="...">
          </div>
          <div class="carousel-item text-center">
            <img src="assets/img/S2/s2-white.png" class="img-fluid h-100" alt="...">
          </div>
          <div class="carousel-item text-center">
            <img src="assets/img/S2/s2-black.png" class="img-fluid h-100" alt="...">
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    </div>
  </section>

<div class="row py-5">
    <div class="col-md-12 px-5">
      <h1 class="border-bottom animate__animated animate__fadeInDown mb-4">S2</h1>
      <div class="row">
        <div class="col-md-4 mt-4 zoom-hover" style="background-color: #e9ecef;">
          
        </div>
        <div class="col-md-4 mt-4 zoom-hover">
          <div class="card h-100 border-0 shadow animate__animated animate__fadeInDown">
            <div class="card-body d-flex justify-content-start">
              <div class="d-flex align-items-start me-3">
                <img src="assets/img/price-tag.png" width="70">
              </div>
              <div class="d-flex align-items-start flex-column">
                <h2 style="font-size: 22px;" class="card-title me-2">Price</h2>
                <h5 class="card-text">PKR 179,500 only /-</h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 mt-4 zoom-hover">
          
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 mt-4 zoom-hover">
          <div class="card h-100 border-0 shadow animate__animated animate__fadeInDown">
            <div class="card-body d-flex justify-content-start">
              <div class="d-flex align-items-start me-3">
                <img src="assets/img/charging.svg" width="70">
              </div>
              <div class="d-flex align-items-start flex-column">
                <h2 style="font-size: 22px;" class="card-title me-2">Power</h2>
                <h5 class="card-text">600W</h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 mt-4 zoom-hover">
          <div class="card h-100 border-0 shadow animate__animated animate__fadeInDown">
            <div class="card-body d-flex justify-content-start">
              <div class="d-flex align-items-start me-3">
                <img src="assets/img/range.webp" width="70">
              </div>
              <div class="d-flex align-items-start flex-column">
                <h2 style="font-size: 22px;" class="card-title me-2">Speed</h2>
                <h5 class="card-text">45 km/h</h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 mt-4 zoom-hover">
          <div class="card h-100 border-0 shadow animate__animated animate__fadeInDown">
            <div class="card-body d-flex justify-content-start">
              <div class="d-flex align-items-start me-3">
                <img src="assets/img/charging.svg" width="70">