File "box.html"
Full Path: /home/chawlag2/public_html/cars/pdf/box.html
File size: 42.34 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html><!-- Last Published: Wed Jan 15 2025 13:47:39 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.dongfeng-nammi-box.ch" data-wf-page="6673de3350ec9a81ecfa64a8" data-wf-site="6673de3350ec9a81ecfa64a2" lang="en" data-wf-locale="en">
<head>
<style>
/* Make sure the map cell has enough space */
#map {
width: 400px;
height: 300px;
}
</style>
<meta charset="utf-8">
<title>CHAWLA GREEN MOTORS</title>
<link rel="alternate" hreflang="x-default" href="https://www.dongfeng-nammi-box.ch/">
<link rel="alternate" hreflang="de" href="https://www.dongfeng-nammi-box.ch/">
<link rel="alternate" hreflang="en" href="https://www.dongfeng-nammi-box.ch/en">
<meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km" name="description"><meta content="CGM-Box – the new rising star in affordable electric mobility in Pakistan" property="og:title"><meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km for only CHF 21,990.–, available in Switzerland from autumn 2024." property="og:description">
<meta content="images/668681a7e07badadddadde51_Sharing_Image.webp" property="og:image">
<meta content="CGM-Box – the new rising star in affordable electric mobility in Switzerland" property="twitter:title">
<meta content="Stylish, practical, and innovative – CGM-Box is your perfect companion for everyday journeys with a range of 430 km" property="twitter:description"><meta content="https://cdn.prod.website-files.com/6673de3350ec9a81ecfa64a2/668681a7e07badadddadde51_Sharing_Image.webp" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/dongfeng-nammi-box.webflow.7ffe7ed09.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="images/6675a83c20d748b3dea3be18_Favicon.png" rel="shortcut icon" type="image/x-icon"><link href="images/6675a84021eb67bac0af9632_Webclip.png" rel="apple-touch-icon"><script id="Cookiebot" src="js/uc.js" data-cbid="d7888c28-abe6-4050-b8bb-a20ac72085b2" data-blockingmode="auto" type="text/javascript">
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BX12GEE1BJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BX12GEE1BJ');
</script>
<link href="css/floating.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Vendor CSS Files -->
<link href="../bikes/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="../bikes/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="../bikes/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="../bikes/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="../bikes/assets/css/style.css" rel="stylesheet">
<style>
.header-main-menu {
display: flex;
align-items: center;
gap: 24px;
margin-right: 24px;
position: relative;
z-index: 1000; /* ensures dropdown appears ABOVE hero image */
}
#footer p a{
color: #2e4155 !important;
}
#footer .footer-top .footer-links ul a,i{
color: #2e4155 !important;
}
/* TOP-LEVEL LINKS */
.header-link-007 {
font-size: 13px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
padding: 6px 4px;
display: inline-block;
}
.header-link-007:hover {
color: #38bdf8;
}
/* PARENT ITEM */
.menu-item-007 {
position: relative;
}
/* DROPDOWN PANEL */
.menu-dropdown-007 {
position: absolute;
top: 30px;
left: 0;
min-width: 190px;
background: rgba(15, 23, 42, 0.98);
border-radius: 12px;
padding: 8px 0;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: all 0.20s ease;
z-index: 2000;
pointer-events: none; /* prevents accidental hovering when hidden */
}
/* SHOW DROPDOWN ON HOVER */
.menu-item-007:hover .menu-dropdown-007 {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto; /* enables clicking */
}
/* DROPDOWN LINKS */
.dropdown-link-007 {
display: block;
padding: 10px 16px;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #e5e7eb;
text-decoration: none;
white-space: nowrap;
transition: background 0.18s ease, color 0.18s ease;
}
.dropdown-link-007:hover {
background: rgba(55, 65, 81, 0.85);
color: #ffffff;
}
/* COMING SOON BADGE */
.badge-coming-soon {
display: inline-block;
margin-left: 6px;
padding: 2px 7px;
border-radius: 999px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.14em;
background: rgba(251, 191, 36, 0.15);
border: 1px solid rgba(234, 179, 8, 0.4);
color: #facc15;
}
.badge-coming-soon {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
background: rgba(248, 250, 252, 0.08);
border: 1px solid rgba(248, 250, 252, 0.35);
font-size: 9px;
margin-left: 6px;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #fbbf24;
}
.logo-wrap{
width: auto !important;
}
.split-section-image._100{
aspect-ratio: 1 !important;
}
.nav-link {
align-self: center;
top: 25% !important;
}
@media screen and (max-width: 1199px) {
.burger {
display: none;
}
.nav-buttons-wrap{
display: none;
}
}
@media screen and (max-width: 767px) {
.header-main-menu {
display: none;
}
}
/* FOOTER (LIGHT + GRAY) */
#footer{
background: #ffffff !important;
border-top: 1px solid var(--border);
color: #334155 !important;
}
#footer .footer-top{
background: linear-gradient(180deg, #ffffff, #f3f5f8) !important;
padding-top: 45px;
}
#footer h3,
#footer h4,
#footer .footer-info p,
#footer .footer-links ul li a{
color: #334155 !important;
}
#footer .footer-links ul li a:hover{ color: var(--brand) !important; }
#footer .social-links a{
background: rgba(11, 94, 215, 0.08) !important;
color: var(--brand) !important;
border: 1px solid rgba(11, 94, 215, 0.18);
}
#footer .social-links a:hover{
background: rgba(11, 94, 215, 0.14) !important;
color: var(--brand-2) !important;
}
#footer .copyright{
color: #64748b !important;
}
#footer .social-links a {
background: rgba(11, 94, 215, 0.08) !important;
color: #0b5ed7 !important;
border: 1px solid rgba(11, 94, 215, 0.18);
}
/* HEADER LAYOUT: left Chawla, center menu+buttons, right Dongfeng */
.logo{
position: inherit !important;
margin-top: 20px !important;
width: 180px;
height: auto;
}
.header--dual-logos{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.header--dual-logos .logo-wrap{ width:auto !important; }
.header-left-logo,
.header-right-logo{
display:flex;
align-items:center;
flex:0 0 auto;
}
/* center nav area */
.header-center-nav{
flex:1 1 auto;
display:flex;
align-items:center;
justify-content:center;
gap:28px;
}
/* remove right push on desktop menu */
.header-center-nav .header-main-menu{
margin-right:0 !important;
}
/* keep buttons tight and centered with menu */
.header-center-nav .nav-buttons-wrap{
display:flex;
gap:12px;
}
/* optional: make header a bit cleaner */
.header-center-nav .button-secondary.reverse-no-hover,
.header-center-nav .button-primary.reverse-no-hover{
white-space:nowrap;
}
/* MOBILE MENU HEADER (logos left/right) */
.mobile-menu-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:80px 16px 10px;
border-bottom:1px solid rgba(148,163,184,0.25);
margin-bottom:6px;
}
.mobile-menu-header .mobile-logo{
display:flex;
align-items:center;
}
.mobile-menu-header img{
height:38px;
width:auto;
display:block;
}
.nav-mobile-menu .nav-link{
padding:14px 18px;
width:100%;
text-align:left;
top:auto !important; /* your code sets top:25% - avoid it in mobile menu */
align-self:auto !important;
}
.nav-mobile-menu{
max-height: 100vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 28px; /* breathing space at bottom */
}
.nav-submenu{
margin-top: 4px;
margin-bottom: 10px;
padding-left: 16px;
border-left: 2px solid rgba(148,163,184,0.35);
}
.nav-sub-link{
padding-top: 10px !important;
padding-bottom: 10px !important;
opacity: 0.92;
font-size: 13px;
letter-spacing: 0.12em;
}
/* show burger on smaller, hide center buttons if needed */
@media screen and (max-width: 1199px){
.header-center-nav .nav-buttons-wrap{ display:none; }
}
@media screen and (max-width: 991px) {
.logo {
display: flex;
}
.header-main-menu {
display: flex;
}
}
/* mobile */
@media (max-width: 767px){
.interior-switch-cards{
bottom: 14px;
gap: 10px;
}
.interior-card{
padding: 10px 14px;
font-size: 13px;
}
.burger{
display: flex;
}
.header--dual-logos{
}
.header-main-menu {
display: none;
}
.header--dual-logos .logo-wrap{
display: none;
}
}
.burger-element{
background-color: #ffffff;
{
</style>
</head>
<body class="body">
<header class="header header--dual-logos">
<!-- LEFT: Chawla Logo -->
<a href="../index.html" class="logo-wrap w-inline-block header-left-logo">
<img loading="lazy" alt="Chawla Group"
src="images/logo2.png"
class="logo light">
</a>
<!-- CENTER: Menu + Buttons (Get in touch removed) -->
<div class="navigation header-center-nav">
<!-- main menu (desktop) -->
<div class="header-main-menu">
<div class="menu-item-007">
<a href="../cars.html" class="header-link-007">Models</a>
<div class="menu-dropdown-007">
<a href="box.html" class="dropdown-link-007">Box</a>
<a href="007.html" class="dropdown-link-007">007</a>
<a href="vigo.html" class="dropdown-link-007">
Vigo
</a>
</div>
</div>
<a href="about.html" class="header-link-007">About Us</a>
<a href="contact.html" class="header-link-007">Contact Us</a>
</div>
<nav class="nav-buttons-wrap">
<a href="booking.html" class="button-primary reverse-no-hover w-button">Book now</a>
<a href="dealers-network.html" class="button-secondary reverse-no-hover w-button">Locations</a>
</nav>
<!-- burger stays in center area for mobile/tablet -->
<div class="burger">
<div class="burger-element"></div>
<div class="burger-element"></div>
<div class="burger-element"></div>
</div>
</div>
<!-- RIGHT: Dongfeng Logo -->
<a href="../index.html" class="logo-wrap w-inline-block header-right-logo">
<img loading="lazy" alt="Dongfeng"
src="images/6675a6a246c2cbec25eb9aa5_dongfeng_logo_white.svg"
class="logo light">
</a>
</header>
<section class="nav-mobile-wrap">
<nav class="nav-mobile-menu">
<div class="close-menu">
<img loading="lazy" src="images/667d85fe1c9bb91e2148b21c_X.svg" alt="" class="close-menu-icon">
</div>
<div class="mobile-menu-header">
<a href="../index.html" class="mobile-logo">
<!-- Chawla black logo (you will replace link later if needed) -->
<img loading="lazy" src="images/logo2.png" alt="Chawla" style="height: 80px;">
</a>
<a href="../index.html" class="mobile-logo">
<!-- Dongfeng black logo (you said you will replace link later) -->
<img loading="lazy" src="images/dongfeng-logo-black.png" alt="Dongfeng">
</a>
</div>
<!-- menu items -->
<a href="../cars.html" class="nav-link hover-el">Models</a>
<div class="nav-submenu">
<a href="box.html" class="nav-link nav-sub-link hover-el">• Box</a>
<a href="007.html" class="nav-link nav-sub-link hover-el">• 007</a>
<a href="vigo.html" class="nav-link nav-sub-link hover-el">• Vigo </a>
</div>
<a href="about.html" class="nav-link hover-el">About Us</a>
<a href="contact.html" class="nav-link hover-el">Contact Us</a>
<a href="booking.html" class="nav-link hover-vf">Book now</a>
<a href="dealers-network.html" class="nav-link hover-el">Locations</a>
</nav>
</section>
<section class="title-section">
<div class="title-wrap"><h1 class="title">Dongfeng Box</h1>
</div>
<div class="price-wrap">
<p class="p-16"><a href="DONGFENG-BOX-Brochure.pdf" target="_blank"><font style="color: white;">Download Brochure</font></a><br>
</p>
</div>
<img src="images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes.webp" loading="lazy" sizes="(max-width: 479px) 100vw, 80vw" srcset="images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-500.webp 500w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-800.webp 800w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-1080.webp 1080w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-1600.webp 1600w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-2000.webp 2000w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-2600.webp 2600w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes.webp 3002w" alt="" class="title-image">
</section>
<section class="framed-image-section after-title">
<img sizes="90vw" srcset="images/6760036e2d21a2b95f8d4050_Purple_web-p-500.jpg 500w, images/6760036e2d21a2b95f8d4050_Purple_web-p-800.jpg 800w, images/6760036e2d21a2b95f8d4050_Purple_web-p-1080.jpg 1080w, images/6760036e2d21a2b95f8d4050_Purple_web.jpg 1354w" alt="" src="images/6760036e2d21a2b95f8d4050_Purple_web.jpg" loading="lazy" class="widescreen-image">
</section>
<section data-w-id="24ebec5f-e21f-265f-87a0-9c17dab62b5e" class="key-facts">
<div data-w-id="24ebec5f-e21f-265f-87a0-9c17dab62b5f" class="key-fact">
<img id="w-node-_30238a18-4072-12da-f55e-ada41cfff14f-ecfa64a8" loading="lazy" alt="" src="images/667d4a954c1325247d9a2f3f_range_battery.svg" class="fact-icon">
<p id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b61-ecfa64a8" class="p-16">
Range
: <strong class="bold">430 km</strong>
<br>
Battery: <strong class="bold">42.3 kWh</strong>
</p>
</div>
<div data-w-id="24ebec5f-e21f-265f-87a0-9c17dab62b68" class="key-fact">
<img id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b69-ecfa64a8" loading="lazy" alt="" src="images/667c023bf89cca890b51b85e_mileage_2.svg" class="fact-icon">
<p id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b6a-ecfa64a8" class="p-16">
<strong class="bold">100 %</strong> electric<br>
70 kW (95 PS)</p>
</div>
<div data-w-id="24ebec5f-e21f-265f-87a0-9c17dab62b6f" class="key-fact">
<img id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b70-ecfa64a8" loading="lazy" alt="" src="images/667c000ba5445918d245924e_size.svg" class="fact-icon">
<p id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b71-ecfa64a8" class="p-16">
Length: <strong class="bold">4.02 m</strong>
<br>
Trunk volume: <strong class="bold">326 l (945 l)
</strong>
</p>
</div>
<div data-w-id="24ebec5f-e21f-265f-87a0-9c17dab62b78" class="key-fact">
<img id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b79-ecfa64a8" loading="lazy" alt="" src="images/667d7fe10e223eab292d67b4_smart-car.svg" class="fact-icon">
<p id="w-node-_24ebec5f-e21f-265f-87a0-9c17dab62b7a-ecfa64a8" class="p-16">
<strong>12"</strong> digital screen
<br>
<strong>11</strong> Driving Assistance Systems
</p></div>
</section>
<section class="color-config">
<img src="images/667577b24203d7e652ef4a21_link-arrow-white.svg" loading="lazy" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(180deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(180deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(180deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(180deg) skew(0, 0)" data-w-id="0541183b-40ff-1845-aed8-db2f18a591a9" alt="" class="tooltip">
<div class="color-switch-wrap">
<a data-w-id="8a855a09-d1cd-2a44-0569-66f3f438dc97" href="#" class="color-switch oe w-inline-block">
</a>
<a data-w-id="52063251-7031-0d50-9c7c-f4219f40fda9" href="#" class="color-switch lh w-inline-block">
</a>
<a data-w-id="1900566f-ac06-a08a-5a81-d4185527e517" href="#" class="color-switch vf w-inline-block">
</a>
<a data-w-id="e250e921-5300-c8b0-2ca7-be7910b9f19a" href="#" class="color-switch el w-inline-block">
</a>
</div>
<div class="color-wrap oe">
<img src="images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 991px) 90vw, 72vw" srcset="images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-500.webp 500w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-800.webp 800w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-1080.webp 1080w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-1600.webp 1600w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-2000.webp 2000w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes-p-2600.webp 2600w, images/667d6e4a239321349c621f5b_Dongfeng_Box_Colors_OceanEyes.webp 3002w" alt="" class="color-image">
<div class="color-name-wrap">
<div class="color-name">Ocean Eyes
</div>
</div>
</div>
<div class="color-wrap lh">
<img src="images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 991px) 90vw, 72vw" srcset="images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-500.webp 500w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-800.webp 800w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-1080.webp 1080w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-1600.webp 1600w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-2000.webp 2000w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze-p-2600.webp 2600w, images/667d6e4aa151808e861fa167_Dongfeng_Box_Colors_LavenderHaze.webp 3002w" alt="" class="color-image">
<div class="color-name-wrap">
<div class="color-name">Lavender Haze
</div>
</div>
</div>
<div class="color-wrap vf">
<img src="images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 991px) 90vw, 72vw" srcset="images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-500.webp 500w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-800.webp 800w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-1080.webp 1080w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-1600.webp 1600w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-2000.webp 2000w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost-p-2600.webp 2600w, images/667d6e4a8e82fa58082aab9b_Dongfeng_Box_Colors_VanillaFrost.webp 3002w" alt="" class="color-image">
<div class="color-name-wrap">
<div class="color-name">Vanilla Frost
</div>
</div>
</div>
<div class="color-wrap el">
<img src="images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon.webp" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 991px) 90vw, 72vw" srcset="images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-500.webp 500w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-800.webp 800w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-1080.webp 1080w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-1600.webp 1600w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-2000.webp 2000w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon-p-2600.webp 2600w, images/667d6e4aceb30c30d3ab8f38_Dongfeng_Box_Colors_ElectricLemon.webp 3002w" alt="" class="color-image">
<div class="color-name-wrap">
<div class="color-name">Electric Lemon
</div>
</div>
</div>
</section>
<section id="w-node-_537a45ae-c0e9-dd4a-aec0-28d20012ef8d-ecfa64a8" data-w-id="537a45ae-c0e9-dd4a-aec0-28d20012ef8d" class="centered-text-section"><div data-w-id="15c2389d-7c4c-d220-ea86-e93a192efc41" class="margin-adjust-1vw"><p class="p-16">
<br>
<span class="price">UnBOX the Future</span>
</p>
</div>
<div data-w-id="051246ed-6275-08d3-186c-721802664f0c" class="margin-adjust-4vw">
<h2 class="h2">Elegant Design,<br>Economical Solution</h2>
</div>
<div data-w-id="964b5c0a-ef6c-194e-0ac6-a589c54965c4" class="buttons-wrap">
<a href="#contact" class="button-primary hover-el w-button">Get in touch
</a>
<a href="#contact" class="bread-crumb-wrap w-inline-block">
<div class="p-16">
<strong>Register for a test drive</strong>
</div>
<img loading="lazy" src="images/66757729c0619a25468ae95f_link-arrow-black.svg" alt="" class="link-arrow">
</a>
</div>
</section>
<section class="framed-image-section">
<img sizes="90vw" srcset="images/667e7303a825f914e777e2ea_4380-p-500.webp 500w, images/667e7303a825f914e777e2ea_4380-p-800.webp 800w, images/667e7303a825f914e777e2ea_4380-p-1080.webp 1080w, images/667e7303a825f914e777e2ea_4380-p-1600.webp 1600w, images/667e7303a825f914e777e2ea_4380-p-2000.webp 2000w, images/667e7303a825f914e777e2ea_4380-p-2600.webp 2600w, images/667e7303a825f914e777e2ea_4380-p-3200.webp 3200w, images/667e7303a825f914e777e2ea_4380.webp 3500w" alt="" src="images/667e7303a825f914e777e2ea_4380.webp" loading="lazy" class="widescreen-image">
</section>
<section class="split-image-section">
<img sizes="(max-width: 767px) 90vw, (max-width: 1279px) 42vw, 43vw" srcset="images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 500w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 800w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 1080w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 1600w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 2000w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 2600w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 3200w, images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp 3500w" alt="" src="images/66756e4ccf7ff2bc576bc35f_%E7%99%BD%E8%BD%A6_-%E7%9A%AE%E8%B4%A8%E6%96%B9%E5%90%91%E7%9B%98.webp" loading="lazy" class="split-section-image image-only">
<img sizes="(max-width: 767px) 90vw, (max-width: 1279px) 42vw, 43vw" srcset="images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 500w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 800w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 1080w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 1600w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 2000w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 2600w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 3200w, images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp 3999w" alt="" src="images/66756e4ecf7ff2bc576bc4fe_%E7%99%BD%E8%BD%A6_%E6%89%8B%E6%9C%BA%E6%97%A0%E7%BA%BF%E5%85%85%E7%94%B5.webp" loading="lazy" class="split-section-image image-only">
</section>
<section id="w-node-a74caac9-9c83-d126-6303-ca3b64d42024-ecfa64a8" data-w-id="a74caac9-9c83-d126-6303-ca3b64d42024" class="centered-text-section"><div data-w-id="a74caac9-9c83-d126-6303-ca3b64d42028" class="margin-adjust-2vw">
<h2 class="h2">Your Ultimate Urban Sidekick</h2>
</div>
<div data-w-id="58eaa177-882c-629a-3f17-2608eec7a27b" class="margin-adjust-5vw"><p class="p-16">Meet <strong class="bold">DONGFENG BOX</strong> – the new rising star in affordable electric mobility. This perfectly-sized compact car boasts a 430 km range and a full suite of advanced features. Stylish, practical, and innovative, Our Fully Electric Car is your perfect companion for everyday journeys. Mark your calendars and get ready to experience the future of driving.</p>
</div>
<div data-w-id="adcceb30-ea7c-d5e8-3f2a-f8fb4ab79227" class="buttons-wrap">
<a href="#contact" class="button-primary hover-vfa w-button">JOIN THE WAITLIST</a>
</div>
<div data-w-id="adcceb30-ea7c-d5e8-3f2a-f8fb4ab79227" class="buttons-wrap">
</div>
<div data-w-id="adcceb30-ea7c-d5e8-3f2a-f8fb4ab79227" class="buttons-wrap">
<a href="DONGFENG-BOX-Brochure.pdf" class="button-primary hover-vfa w-button">Download Complete Features</a>
</div>
</section>
<section class="full-screen-image-section">
<img sizes="100vw" srcset="images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-500.webp 500w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-800.webp 800w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-1080.webp 1080w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-1600.webp 1600w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-2000.webp 2000w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-2600.webp 2600w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad-p-3200.webp 3200w, images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad.webp 3500w" alt="" src="images/667d6f8755841245bb44c8e8_Dongfeng_Box_iPad.webp" loading="lazy" class="full-width-image">
</section>
<section class="split-section mobile-wrap-up">
<div class="split-section-content-wrap lh-el-gradient">
<div class="split-section-content">
<div class="margin-adjust-1vw"><h3 class="h4">Electrify Your Urban Life</h3>
</div>
<div class="margin-adjust-4vw"><p class="p-16">Finally, it's here – <strong class="bold">DONGFENG BOX:
</strong>
the car for everyone. Small, smart, and 100 % electric, it makes sustainability cooler and easier to integrate into daily life. Zip through city streets, park effortlessly, and enjoy its catchy design. Embrace the future of driving with style and eco-friendly efficiency. Sustainability has never been this easy.</p></div><div class="buttons-wrap"><a href="booking.html" class="button-primary reverse w-button" >Book now</a></div></div></div><img width="338" height="524" alt="" src="images/675fff4f48ebe46169d2a609_Silver_3.jpg" loading="lazy" srcset="images/675fff4f48ebe46169d2a609_Silver_3-p-500.jpg 500w, images/675fff4f48ebe46169d2a609_Silver_3.jpg 754w" sizes="(max-width: 767px) 100vw, 50vw" class="split-section-image _100"></section><section id="contact" class="contact-section"><div class="text-intro-40-left"><div class="margin-adjust-1vw">
<h4 class="h4">Ready to enjoy a new lifestyle</h4>
</div><p class="p-16 max-width">Reserve your DONGFENG BOX today – no commitment, no fees.</p>
</div>
<div class="form-block w-form">
<form id="wf-form-contact-request" action="sendEmail.php" method="POST" class="form"><p class="p-16"><em class="italic">Fields marked with (*) are required.</em></p><div class="field-set"><div class="field-wrapper-50"><input class="text-field w-input" data-wfhsfieldname="FormTextInput-2" maxlength="256" name="name" data-name="Name" placeholder="Name*" type="text" id="name" required=""></div><div class="field-wrapper-50"><input class="text-field w-input" maxlength="256" name="surname" data-name="Surname" placeholder="Surname*" type="text" id="surname" required="">
</div>
</div>
<div class="field-wrapper-100">
<input class="text-field w-input" maxlength="256" name="company" data-name="Company" placeholder="Company name (optional)" type="text" id="company">
</div>
<div class="field-set">
<div class="field-wrapper-50"><input class="text-field w-input" maxlength="256" name="email" data-name="E Mail" placeholder="E-mail address*" type="email" id="e-mail" required=""></div>
<div class="field-wrapper-50"><input class="text-field w-input" maxlength="256" name="phone" data-name="Phone Number" placeholder="Phone number*" type="tel" id="phone-number" required></div>
</div>
<div class="field-set">
<div class="field-wrapper-50">
<input class="text-field w-input" maxlength="256" name="city" data-name="City" placeholder="City*" type="text" id="city" required="">
</div>
<div class="field-wrapper-50">
<div class="select-field-wrapper">
<div class="chevron-wrap">
<img loading="lazy" src="images/667577b2672f8075969cc28e_chevron-black.svg" alt="" class="chevron-down">
</div>
<select id="exterior-color" name="color" data-name="Exterior Color" required="" class="select-field w-select">
<option value="">Exterior color*</option>
<option value="ocean eyes">Ocean Eyes</option>
<option value="lavender haze">Lavender Haze</option>
<option value="Vanilla Frost">Vanilla Frost</option>
<option value="electric lemon">Electric Lemon</option>
<option value="no preference">I have no preference</option>
</select>
</div>
</div>
</div>
<div class="field-wrapper-100">
<textarea id="message" name="message" maxlength="5000" data-name="Message" placeholder="Your message" class="text-area w-input" required="">
</textarea>
</div>
<!-- <label class="w-checkbox checkbox-wrap">
<div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox">
</div>
<input type="checkbox" name="privacy-policy" id="privacy-policy" data-name="Privacy Policy" required="" style="opacity:0;position:absolute;z-index:-1">
<span class="p-16 w-form-label" for="privacy-policy">I have read and agreed to the
<a href="/en/privacy-policy" class="text-link">Terms & Conditions</a>*</span>
</label> -->
<select id="brand" name="brand" data-name="brand" data-wfhsfieldname="FormSelect-12" class="hidden-field w-select">
<option value="DONGFENG">DONGFENG</option>
</select>
<select id="model" name="model" data-name="model" data-wfhsfieldname="FormSelect-13" class="hidden-field w-select">
<option value="CGM-Box">CGM-Box</option>
</select>
<input type="hidden" name="hutk" value="">
<input type="hidden" name="ipAddress" value="">
<input type="hidden" name="pageUri" value="">
<input type="hidden" name="pageId" value="">
<input type="hidden" name="pageName" value="">
<div class="form-button-wrap">
<input type="submit" data-wait="Sending..." class="button-primary hover-lh w-button" value="Submit Request">
</div>
</form>
<div class="success-message w-form-done">
<div class="p-16">Thank you, we have successfully received your request.
<br>Our team will contact you shortly.
</div>
</div>
<div class="error-message w-form-fail">
<div class="p-16">Something went wrong. Please try again.
</div>
</div>
</div>
<div class="wrapper">
<a href="https://api.whatsapp.com/send?phone=+923114995162&text=Hello" class="float" target="_blank">
<i class="fa fa-whatsapp" style="font-size: x-large;"></i>
</a>
<!-- <a class="social" href="#"> <i class="fa fa-phone"></i></a> -->
<!-- <a class="close-button" href="#"> <i class="fa fa-close"></i></a> -->
</div>
</section>
<!-- <section id="w-node-a74caac9-9c83-d126-6303-ca3b64d42024-ecfa64a8" data-w-id="a74caac9-9c83-d126-6303-ca3b64d42024" class="centered-text-section"> -->
<!--<section id="locations" data-w-id="a74caac9-9c83-d126-6303-ca3b64d42024" class="centered-text-section">-->
<!-- <div data-w-id="a74caac9-9c83-d126-6303-ca3b64d42028" class="margin-adjust-2vw"><h2 class="h2">Locations</h2></div>-->
<!-- <div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><h2>Flagship Showroom, Lahore</h2></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=31.5152169,74.3426873">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Plot # 130, Main Boulevard, Gulberg, Lahore.</strong></font>-->
<!-- </div>-->
<!--</div>-->
<!--<br>-->
<!--<div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><h1>Lahore</h1><h3>Display / Booking Office</h3></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=31.3949582,74.2425639">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>The Ballroom Event Complex, Raiwind Road, Opposite UOL.</strong></font>-->
<!-- </div>-->
<!-- </div>-->
<!-- <br>-->
<!-- <div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=31.451861,74.450639">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Bedian Defence Motors, Main Bedian Road, DHA, Lahore.</strong></font>-->
<!-- </div>-->
<!-- </div>-->
<!-- <br><br>-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><br><h2>Islamabad</h2></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=33.625223,73.128639">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Dongfeng Islamabad Motors, Khokhar Plaza, Koral, Expressway, Islamabad.</strong></font>-->
<!-- </div>-->
<!-- <br><br>-->
<!--<div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><br><h2>Multan</h2></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=30.2636667,71.4499444">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Dongfeng Multan Motors, Head Muhammad Wala Bridge, Nasarullah Chowk, Multan.</strong></font>-->
<!-- </div>-->
<!--</div>-->
<!-- <br><br>-->
<!-- <div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><br><h2>Faisalabad</h2></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=31.440556,73.122056">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Dongfeng Lyallpur Motors, The Grand Atrium Mall, Lyallpur / Faisalabad.</strong></font>-->
<!-- </div>-->
<!-- </div>-->
<!-- <br><br>-->
<!--<div style="display: flex; gap: 20px; flex-wrap: wrap;">-->
<!-- <div style="flex: 1; min-width: 900px;">-->
<!-- <label class="control-label"><br><h2>Peshawar</h2></label>-->
<!-- <iframe-->
<!-- width="100%"-->
<!-- height="300"-->
<!-- style="border:0"-->
<!-- loading="lazy"-->
<!-- allowfullscreen-->
<!-- referrerpolicy="no-referrer-when-downgrade"-->
<!-- src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&q=33.973945,71.545305">-->
<!-- </iframe>-->
<!-- <br>-->
<!-- <font size="+2"><strong>Dongfeng Peshawar Motors, Landi Arbab, Ring Road, Peshawar.</strong></font>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!-- Replace YOUR_API_KEY with your actual Google Maps JavaScript API key -->
<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="../bikes/assets/img/logo.png" style="width: 50%" alt="">
<br>
<p>
</p>
<div class="social-links mt-3">
<a href="https://facebook.com/dongfengmotorspakistan/" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/dongfengmotorpakistan/" 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="mb-4">Address</h3>
<p><i class="bi bi-geo-alt-fill me-2"></i>Flagship Showroom : 130 E1 Gulberg III - Main Boulevard, Lahore</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 Cars</h3>
<ul>
<li><i class="bx bx-chevron-right"></i><a href="box.html">BOX</a></li>
<li><i class="bx bx-chevron-right"></i><a href="007.html">007</a></li>
<li><i class="bx bx-chevron-right"></i><a href="vigo.html">VIGO </a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright Chawla Green Motors. Designed & Developed By <a href="https://buraqsys.com"><strong><span>Buraqsys Studio (PVT) Ltd.</span></strong></a>.
</div>
</div>
</footer>
<script src="js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript" crossorigin="anonymous">
</script>
<script src="js/webflow.47f6ebd2463ade7f4b066282b5b2bc43.js" type="text/javascript">
</script>
<script src="js/form-124.js" type="text/javascript" crossorigin="anonymous">
</script>
<script src="js/floating.js"></script>
</body>
</html>