File "test-20260907124816.html"
Full Path: /home/chawlag2/public_html/cars/admin/vendor/jquery/test-20260907124816.html
File size: 28 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Booking Form</title>
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/booking.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></script>
<script src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css"></script>
<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');
function bookNow()
{
alert("COMING SOON!");
}
</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">
</head>
<body>
<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>
<a href="#contact" class="nav-link hover-vf" onclick="bookNow();">Book now</a>
<a href="#contact" class="nav-link hover-el">Get in touch</a>
<a href="/en" aria-current="page" class="logo-wrap nav-mobile w-inline-block w--current">
<img loading="lazy" src="images/6675a6a2fbb4928ef3ab89eb_dongfeng_logo_black.svg" alt="" class="logo nav--mobile">
</a>
</nav>
</section>
<header class="header" style="background-color: black; height: 120px;">
<a href="../index.html" aria-current="page" class="logo-wrap w-inline-block w--current">
<img data-w-id="a4d58063-073f-caaa-d506-731e5ea51c46" loading="lazy" alt="" style="width:161px;height:95px;margin-top:px;" src="images/logo2.png" class="logo light">
</a>
<a href="../index.html" aria-current="page" class="logo-wrap w-inline-block w--current">
<img data-w-id="a4d58063-073f-caaa-d506-731e5ea51c46" loading="lazy" alt="" style="width:231px;height:136px;margin-top:px;margin-left:-200px;" src="images/6675a6a246c2cbec25eb9aa5_dongfeng_logo_white.svg" class="logo light">
</a>
<div class="navigation">
<nav class="nav-buttons-wrap">
<a href="#contact" data-w-id="a4d58063-073f-caaa-d506-731e5ea51c48" class="button-secondary reverse-no-hover w-button">Get in touch
</a>
<a data-w-id="a4d58063-073f-caaa-d506-731e5ea51c4a" href="#" class="button-primary reverse-no-hover w-button" disabled onclick="bookNow();">Book now
</a>
</nav>
<div class="burger">
<div class="burger-element">
</div>
<div class="burger-element">
</div>
<div class="burger-element">
</div>
</div>
</div>
</header>
<div class="container-fluid px-1 px-md-5 px-lg-1 px-xl-5 py-5 mx-auto ">
<div class="card card0 border-0" style="background-image: linear-gradient(283deg,var(--ocean-eyes)25%,var(--white)75%,#f9faf5 104%);">
<div class="row d-flex">
<div class="col-lg-6">
<div class="card1 pb-5">
<div class="row">
<!-- <img src="images/logo2.png" class="logo"> -->
</div>
<br/>
<div class="row" id="rowLUX" style="display: block">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faq">
<div class="card">
<div class="card-header" id="faqhead1">
<a href="#" id="dimCard1" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1"
aria-expanded="true" aria-controls="faq1"><b>DIMENSIONS</b></a>
</div>
<div id="faq1" class="collapse show" aria-labelledby="faqhead1" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr>
<td colspan="6">
<img id="carImg" src="images/lux430.jpg" class="image" style="height: 390px; width: 100%;">
</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Length (mm)</b></td>
<td align="" style="padding: 5px">4030</td>
<td align="" style="padding: 5px"><b>Width (mm)</b></td>
<td align="" style="padding: 5px">1810</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Height (mm)</b></td>
<td align="" style="padding: 5px">1570</td>
<td align="" style="padding: 5px"><b>Wheelbase (mm)</b></td>
<td align="" style="padding: 5px">2660</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Body Structure</b></td>
<td align="" colspan="3" style="padding: 5px">5 Door - 5 Seats (HB)</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead2">
<a href="#" id="elecCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2"
aria-expanded="true" aria-controls="faq2"><b>ELECTRICAL INFORMATION</b></a>
</div>
<div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>AC Charger Power 6.6 KW</b></td>
<td align="" style="padding: 5px">S</td>
<td align="" style="padding: 5px"><b>DC Charging Time</b></td>
<td align="" style="padding: 5px">30 Minutes</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Fast Charging Percentage</b></td>
<td align="" style="padding: 5px">80%</td>
<td align="" style="padding: 5px"><b>AC Charger Type 2 Euro</b></td>
<td align="" style="padding: 5px">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>DC Combo (CCS)</b></td>
<td align="" style="padding: 5px">S</td>
<td align="" style="padding: 5px"><b>Battery Type LFP</b></td>
<td align="" style="padding: 5px">LFP (Lithium Iron Phosphate)</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Battery Capacity</b></td>
<td align="" style="padding: 5px">42.3 KWH</td>
<td align="" style="padding: 5px"><b>Battery Pre-Heating</b></td>
<td align="" style="padding: 5px">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Battery Cooling Scheme</b></td>
<td align="" style="padding: 5px">S</td>
<td align="" style="padding: 5px"><b>Vehicle Warranty</b></td>
<td align="" style="padding: 5px">4 Years or 150,000 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Battery Warranty</b></td>
<td align="" colspan="3" style="padding: 5px">8 Years or 200,000 KM</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead3">
<a href="#" id="perCard1" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3"
aria-expanded="true" aria-controls="faq3"><b>PERFORMANCE</b></a>
</div>
<div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Max Speed</b></td>
<td align="" style="padding: 5px">140 KM/H</td>
<td align="" style="padding: 5px"><b>CLTC Comprehensive Range</b></td>
<td align="" style="padding: 5px">430 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Motor Power</b></td>
<td align="" style="padding: 5px">70KW</td>
<td align="" style="padding: 5px"><b>Motor Type</b></td>
<td align="" style="padding: 5px">Permanent Magnet Synchronous Motor</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px"><b>Motor Layout</b></td>
<td align="" style="padding: 5px">Front</td>
<td align="" style="padding: 5px"><b>Number of Motors</b></td>
<td align="" style="padding: 5px">1</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="rowFlagship" style="display: none">
<div class="col-md-12">
<div id="main">
<div class="container">
<div class="accordion" id="faq">
<div class="card">
<div class="card-header" id="faqhead4">
<a href="#" id="dimCard2" class="btn btn-header-link" data-toggle="collapse" data-target="#faq4"
aria-expanded="true" aria-controls="faq4"><b>DIMENSIONS</b></a>
</div>
<div id="faq4" class="collapse show" aria-labelledby="faqhead4" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%; margin-right: 2%;">
<tr>
<td colspan="6" style="padding: 5px">
<img id="carImg" src="images/flagship430.jpg" class="image" style="height: 390px; width: 100%;">
</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Length (mm)</b></td>
<td align="" style="padding: 5px;">4030</td>
<td align="" style="padding: 5px;"><b>Width (mm)</b></td>
<td align="" style="padding: 5px;">1810</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Height (mm)</b></td>
<td align="" style="padding: 5px;">1570</td>
<td align="" style="padding: 5px;"><b>Wheelbase (mm)</b></td>
<td align="" style="padding: 5px;">2660</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Body Structure</b></td>
<td align="" colspan="3" style="padding: 5px;">5 Door - 5 Seats (HB)</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead5">
<a href="#" id="elecCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5"
aria-expanded="true" aria-controls="faq5"><b>ELECTRICAL INFORMATION</b></a>
</div>
<div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%;">
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>AC Charger Power 6.6 KW</b></td>
<td align="" style="padding: 5px;">S</td>
<td align="" style="padding: 5px;"><b>DC Charging Time</b></td>
<td align="" style="padding: 5px;">30 Minutes</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Fast Charging Percentage</b></td>
<td align="" style="padding: 5px;">80%</td>
<td align="" style="padding: 5px;"><b>AC Charger Type 2 Euro</b></td>
<td align="" style="padding: 5px;">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>DC Combo (CCS)</b></td>
<td align="" style="padding: 5px;">S</td>
<td align="" style="padding: 5px;"><b>Battery Type LFP</b></td>
<td align="" style="padding: 5px;">LFP (Lithium Iron Phosphate)</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Battery Capacity</b></td>
<td align="" style="padding: 5px;">42.3 KWH</td>
<td align="" style="padding: 5px;"><b>Battery Pre-Heating</b></td>
<td align="" style="padding: 5px;">S</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Battery Cooling Scheme</b></td>
<td align="" style="padding: 5px;">S</td>
<td align="" style="padding: 5px;"><b>Vehicle Warranty</b></td>
<td align="" style="padding: 5px;">4 Years or 150,000 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Battery Warranty</b></td>
<td align="" colspan="3" style="padding: 5px;">8 Years or 200,000 KM</td>
</tr>
</table>
</div>
</div>
<div class="card">
<div class="card-header" id="faqhead6">
<a href="#" id="perCard2" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq6"
aria-expanded="true" aria-controls="faq6"><b>PERFORMANCE</b></a>
</div>
<div id="faq6" class="collapse" aria-labelledby="faqhead6" data-parent="#faq">
<table class="" border="1" style="margin-left: 3%">
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Max Speed</b></td>
<td align="" style="padding: 5px;">140 KM/H</td>
<td align="" style="padding: 5px;"><b>CLTC Comprehensive Range</b></td>
<td align="" style="padding: 5px;">430 KM</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Motor Power</b></td>
<td align="" style="padding: 5px;">70KW</td>
<td align="" style="padding: 5px;"><b>Motor Type</b></td>
<td align="" style="padding: 5px;">Permanent Magnet Synchronous Motor</td>
</tr>
<tr style="background-color: #f9f9f9;">
<td align="" style="padding: 5px;"><b>Motor Layout</b></td>
<td align="" style="padding: 5px;">Front</td>
<td align="" style="padding: 5px;"><b>Number of Motors</b></td>
<td align="" style="padding: 5px;">1</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<form action="addCustomerBookingDone.php" method="post" enctype="multipart/form-data">
<div class="card2 card border-0 px-4 py-5">
<div class="row px-3 mb-4">
<div class="custom-control custom-control-inline">
<input id="lux" type="radio" name="variant" value="LUX 430" class="custom-control-input" onchange="showSpecs(this.id)" checked>
<label for="lux" class="custom-control-label text-sm">LUX 430</label>
</div>
<div class="custom-control custom-control-inline">
<input id="flagship" type="radio" name="variant" value="FLAGSHIP 430" class="custom-control-input" onchange="showSpecs(this.id)">
<label for="flagship" class="custom-control-label text-sm">FLAGSHIP 430</label>
</div>
</div>
<script type="text/javascript">
function showSpecs(id)
{
if(id == 'lux')
{
document.getElementById('rowLUX').style.display = "block";
document.getElementById('rowFlagship').style.display = "none";
}
else if(id == 'flagship')
{
document.getElementById('rowLUX').style.display = "none";
document.getElementById('rowFlagship').style.display = "block";
}
else
{
document.getElementById('rowLUX').style.display = "none";
document.getElementById('rowFlagship').style.display = "none";
}
}
function showColors(id)
{
if(id == 'ocean')
{
document.getElementById('dimCard1').style.backgroundColor = "#4e8bc0";
document.getElementById('faq1').style.backgroundColor = "#4e8bc0";
document.getElementById('dimCard2').style.backgroundColor = "#4e8bc0";
document.getElementById('faq4').style.backgroundColor = "#4e8bc0";
document.getElementById('elecCard1').style.backgroundColor = "#4e8bc0";
document.getElementById('faq2').style.backgroundColor = "#4e8bc0";
document.getElementById('elecCard2').style.backgroundColor = "#4e8bc0";
document.getElementById('faq5').style.backgroundColor = "#4e8bc0";
document.getElementById('perCard1').style.backgroundColor = "#4e8bc0";
document.getElementById('faq3').style.backgroundColor = "#4e8bc0";
document.getElementById('perCard2').style.backgroundColor = "#4e8bc0";
document.getElementById('faq6').style.backgroundColor = "#4e8bc0";
}
else if(id == 'vanilla')
{
document.getElementById('dimCard1').style.backgroundColor = "#d4d4d4";
document.getElementById('faq1').style.backgroundColor = "#d4d4d4";
document.getElementById('dimCard2').style.backgroundColor = "#d4d4d4";
document.getElementById('faq4').style.backgroundColor = "#d4d4d4";
document.getElementById('elecCard1').style.backgroundColor = "#d4d4d4";
document.getElementById('faq2').style.backgroundColor = "#d4d4d4";
document.getElementById('elecCard2').style.backgroundColor = "#d4d4d4";
document.getElementById('faq5').style.backgroundColor = "#d4d4d4";
document.getElementById('perCard1').style.backgroundColor = "#d4d4d4";
document.getElementById('faq3').style.backgroundColor = "#d4d4d4";
document.getElementById('perCard2').style.backgroundColor = "#d4d4d4";
document.getElementById('faq6').style.backgroundColor = "#d4d4d4";
}
else if(id == 'lavendar')
{
document.getElementById('dimCard1').style.backgroundColor = "#9c81c5";
document.getElementById('faq1').style.backgroundColor = "#9c81c5";
document.getElementById('dimCard2').style.backgroundColor = "#9c81c5";
document.getElementById('faq4').style.backgroundColor = "#9c81c5";
document.getElementById('elecCard1').style.backgroundColor = "#9c81c5";
document.getElementById('faq2').style.backgroundColor = "#9c81c5";
document.getElementById('elecCard2').style.backgroundColor = "#9c81c5";
document.getElementById('faq5').style.backgroundColor = "#9c81c5";
document.getElementById('perCard1').style.backgroundColor = "#9c81c5";
document.getElementById('faq3').style.backgroundColor = "#9c81c5";
document.getElementById('perCard2').style.backgroundColor = "#9c81c5";
document.getElementById('faq6').style.backgroundColor = "#9c81c5";
}
else if(id == 'electric')
{
document.getElementById('dimCard1').style.backgroundColor = "#bfd536";
document.getElementById('faq1').style.backgroundColor = "#bfd536";
document.getElementById('dimCard2').style.backgroundColor = "#bfd536";
document.getElementById('faq4').style.backgroundColor = "#bfd536";
document.getElementById('elecCard1').style.backgroundColor = "#bfd536";
document.getElementById('faq2').style.backgroundColor = "#bfd536";
document.getElementById('elecCard2').style.backgroundColor = "#bfd536";
document.getElementById('faq5').style.backgroundColor = "#bfd536";
document.getElementById('perCard1').style.backgroundColor = "#bfd536";
document.getElementById('faq3').style.backgroundColor = "#bfd536";
document.getElementById('perCard2').style.backgroundColor = "#bfd536";
document.getElementById('faq6').style.backgroundColor = "#bfd536";
}
else
{
document.getElementById('dimCard1').style.backgroundColor = "silver";
document.getElementById('faq1').style.backgroundColor = "silver";
document.getElementById('dimCard2').style.backgroundColor = "silver";
document.getElementById('faq4').style.backgroundColor = "silver";
document.getElementById('elecCard1').style.backgroundColor = "silver";
document.getElementById('faq2').style.backgroundColor = "silver";
document.getElementById('elecCard2').style.backgroundColor = "silver";
document.getElementById('faq5').style.backgroundColor = "silver";
document.getElementById('perCard1').style.backgroundColor = "silver";
document.getElementById('faq3').style.backgroundColor = "silver";
document.getElementById('perCard2').style.backgroundColor = "silver";
document.getElementById('faq6').style.backgroundColor = "silver";
}
}
</script>
<div class="row px-3 mb-4">
<label class="mb-1"><h6 class="mb-0 text-sm">Color Selection</h6></label>
</div>
<div class="row px-3 mb-4">
<div class="custom-control custom-control-inline">
<input id="ocean" type="radio" name="color" value="Ocean Eyes" class="custom-control-input" onchange="showColors(this.id)">
<label for="ocean" class="custom-control-label text-sm">Ocean Eyes</label>
</div>
<div class="custom-control custom-control-inline">
<input id="vanilla" type="radio" name="color" value="Vanilla Frost" class="custom-control-input" onchange="showColors(this.id)">
<label for="vanilla" class="custom-control-label text-sm">Vanilla Frost</label>
</div>
<div class="custom-control custom-control-inline">
<input id="lavendar" type="radio" name="color" value="Lavender Haze" class="custom-control-input" onchange="showColors(this.id)">
<label for="lavendar" class="custom-control-label text-sm">Lavender Haze</label>
</div>
<div class="custom-control cu