File "about.html"
Full Path: /home/chawlag2/public_html/bikes/assets/vendor/boxicons/about.html
File size: 19.43 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>About Chawla Green Motors</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/aboutGallery.css" rel="stylesheet"> -->
<link href="assets/css/imagemarque.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<a href="https://api.whatsapp.com/send?phone=+923114995162&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" style="background: linear-gradient(90deg, #a7a8a4 0%, #a58b78 100%) !important;">
<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>
<!-- 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">Home</a></li>
<li><a href="about.html" class="active">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/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>
<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 -->
<main id="main" class="bg-body-secondary">
<section id="about-us">
<div class="bg-gradient bg-dark bg-opacity-50 h-100 w-100 d-flex justify-content-center align-items-center text-white">
<h1 class="fw-bolder">About Us</h1>
</div>
</section>
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row py-4 content bg-white rounded-5 mt-3 shadow-lg align-items-center border border-secondary-subtle">
<div class="col-md-4 text-center">
<!-- <h2 class="slide-in-right">Chawla Group</h2> -->
<img src="assets/img/logo.png" class="img-fluid fade-slide-down" alt="...">
<!-- <h3>Voluptatem dignissimos provident quasi corporis voluptates sit assum perenda sruen jonee trave</h3> -->
</div>
<div class="col-md-8 pt-4 pt-lg-0">
<h4 class="fw-bold mb-0">Chawla Group</h4>
<hr class="red-line">
<p class="slide-in-left text-justify">Chawla Group is one of the oldest manufacturer of variety of products, Chawla Group
stands as a premier provider of high-quality aluminium products, glass windows, and related solutions.
With a legacy of excellence and innovation, we specialize in delivering durable and aesthetically pleasing
products that enhance both residential and commercial spaces.</p>
<p class="slide-in-left text-justify"> Our commitment to superior craftsmanship, cutting-edge technology, and customer
satisfaction has cemented our reputation in the industry. Whether it's sleek aluminium fittings or bespoke
glass installations, Chawla Group offers unparalleled quality and service, ensuring that every project
reflects our dedication to perfection.</p>
<!-- <ul>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequa</li>
<li><i class="ri-check-double-line"></i> Duis aute irure dolor in reprehenderit in voluptate velit</li>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in</li>
</ul>
<p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p> -->
</div>
</div>
<div class="row py-4 content bg-white rounded-5 my-3 shadow-lg align-items-center border border-secondary-subtle">
<div class="col-md-4 text-center">
<!-- <h2 class="slide-in-right">Chawla Group</h2> -->
<img src="assets/img/qjlogo.png" class="img-fluid fade-slide-down" alt="...">
<!-- <h3>Voluptatem dignissimos provident quasi corporis voluptates sit assum perenda sruen jonee trave</h3> -->
</div>
<div class="col-md-8 pt-4 pt-lg-0">
<h4 class="fw-bold mb-0">QJ Motors</h4>
<hr class="red-line">
<p class="slide-in-left text-justify">Qianjiang Motorcycle Co., Ltd., established in 1985 and located in Wenling,
Zhejiang, is an enterprise under Geely technology group, whose main business is research and development,
manufacturing, and sales of motorcycles, engines, and parts. Qianjiang was listed on Shenzhen Stock
Exchange in 1999 (Stock Code: 000913). Qianjiang is also the first listed company in Taizhou.</p>
<p class="slide-in-left text-justify">Qianjiang successfully acquired ltaly Benelli in 2005, becoming the first Chinese
motorcycle manufacturer to merge an international motorcycle
brand. Qianjiang thereafter produces higher displacement engine motorcycles to meet the market needs for
high-end cruiser and racing replica. Qianjiang has been the leader in the segment of motorcycles over
250cc for 10 consecutive years in China. In 2020 Qianjiang launched a new
high-end brand QJMOTOR. Up to now Qianjiang owns 3 brands- QJIANG, BENELLI, and QJMOTOR. Each brand has
its unique positioning to meet the diversified market needs. Besides, Qianjiang is one of the few
motorcycle manufacturers in China capable to design and produce high-end
motorcycles with higher engine displacement. Qianjiang keeps over 4,000 employees and exports to over 130
countries in the world.</p>
<!-- <ul>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequa</li>
<li><i class="ri-check-double-line"></i> Duis aute irure dolor in reprehenderit in voluptate velit</li>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in</li>
</ul>
<p class="fst-italic">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p> -->
</div>
<h4 class="fw-bold mb-0 ms-3">Introduction</h4>
<hr class="red-line ms-4">
<iframe width="560" height="500" src="https://www.youtube.com/embed/8v4vtgmi_yQ?si=4Ea4f7Gc2JGy9cc3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</section><!-- End About Section -->
<!-- Images used to open the lightbox
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<div class="text2">
<h2 class="animate__animated animate__fadeInDown" style="font-size: 38px; font-weight: 700;">Products</h2>
<p class="animate__animated animate__fadeInUp text-dark d-none d-md-block">Chawla Green Motors has ventured with QJ Motors which was founded in 1985, devotes itself in motorcycles, off road vehicles, accessories and events. Some of our Scooter Series are as:</p>
</div>
</div>
</div>
<div class="row mt-0 mt-md-5">
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/S2/S2_01.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">S2</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/S5/S5_01.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">S5</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/TQ/TQ_01.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">TQ</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/DQ/DQ_05.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">DQ</div>
</div>
</div>
</div>
<div class="row py-0 py-md-5">
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/V3/V3_01.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">V3</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/VC_Plus/vcPlus01.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">VC PLUS</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/VC_Plus/vcPlus02.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">VC PLUS</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-3 ">
<div class="container2">
<img src="assets/img/VC_Plus/vcPlus03.jpg" alt="Avatar" class="image img-flip">
<div class="overlay">VC PLUS</div>
</div>
</div>
</div>
</div> -->
<!-- <div class="container">
<div class="container2">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-6 ">
<img src="assets/img/aboutS1_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="overlay">FORT 350</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<img src="assets/img/aboutS4_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="middle">
<div class="overlay">MTX 150</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<img src="assets/img/aboutS2_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="overlay">FORT 250</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<img src="assets/img/aboutS5_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="overlay">RKO 125 S</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<img src="assets/img/aboutS3_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="overlay">ATR 150</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<img src="assets/img/aboutS6_resized.png" alt="Avatar" class="image img-flip" style="width:100%">
<div class="overlay">VPS 125</div>
</div>
</div>
</div>
</div> -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<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-4 col-md-6 footer-links">
<h4>Our Products</h4>
<ul>
<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>
<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-tq.html">TQ Series</a></li>
<li><i class="bx bx-chevron-right"></i><a href="bike-s5.html">S5 Series</a></li>
</ul>
</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>
<div class="container">
<div class="copyright">
© Copyright <strong><span>Acumen Technologies</span></strong>. All Rights Reserved
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<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>
<!-- Template Main JS File -->
<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');
const slideInElementsLeft = document.querySelectorAll('.slide-in-left');
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');
}
});
slideInElementsLeft.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>