File: /home/u176630765/domains/enquirycar.com/public_html/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Honda Cars Dealer Delhi NCR</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Inline CSS so nothing is missing -->
<link rel="stylesheet" href="css/style.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11520968751"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-11520968751');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NHQPPZFL');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- HEADER -->
<header>
<div class="header-container container">
<img src="./images/Honda-logo.webp" alt="Honda Logo" class="logo">
<span class="header-offer">Get Exciting Offer On Honda Cars</span>
</div>
</header>
<!-- HERO SECTION -->
<section class="hero">
<img src="./images/image2025-e1735796308877.webp" alt="All New Amaze" class="hero-image">
</section>
<!-- MAIN CONTENT -->
<section>
<div class="container">
<div class="form-main-sec">
<!-- OFFERS BOX -->
<div class="offers-container trt">
<h1>Exciting Offers On Honda Cars <span>*</span></h1>
<ul>
<li><strong>Up to ₹ 90,000*</strong> Benefits on Honda Cars</li>
<li><strong>Easy Ownership</strong> Finance Schemes</li>
<li><strong>Best Exchange Value</strong> of your existing car</li>
<li><strong>Attractive Exchange Bonus</strong></li>
<li><strong>Gift</strong> with every Test drive</li>
<li><strong>7 Year Unlimited Km Free</strong> Extended Warranty <span>*</span></li>
</ul>
</div>
<!-- MAIN FORM BOX -->
<div class="cd trt">
<div class="container2">
<section class="quote">
<h2>Get a Quote </h2>
<form action="send_mail.php" method="POST">
<!-- Name + Email -->
<div class="form-group">
<label>Name <span>*</span></label>
<input type="text" name="name" placeholder="Name" required>
<label>Email <span>*</span></label>
<input type="email" name="email" placeholder="Email" required>
</div>
<!-- Mobile + Model -->
<div class="form-group">
<label>Mobile <span>*</span></label>
<input type="text" name="mobile" placeholder="Mobile" required>
<label>Select Model <span>*</span></label>
<select name="model" required>
<option value="">-Select Model-</option>
<option value="Amaze - 2nd Gen">Amaze - 2nd Gen</option>
<option value="City - 5th Gen">City - 5th Gen</option>
<option value="ELEVATE">ELEVATE</option>
<option value="City e:HEV">City e:HEV</option>
<option value="All New Amaze">All New Amaze</option>
</select>
</div>
<!-- Outlet + Dealer (MAIN) -->
<div class="form-group">
<label>-Select Outlet- <span>*</span></label>
<select name="outlet" id="outlet-main" required>
<option value="">-Select Outlet-</option>
<option value="North Delhi">North Delhi</option>
<option value="South Delhi">South Delhi</option>
<option value="East Delhi">East Delhi</option>
<option value="Central Delhi">Central Delhi</option>
<option value="West Delhi">West Delhi</option>
<option value="Noida">Noida</option>
<option value="Gurgaon">Gurgaon</option>
<option value="Ghaziabad">Ghaziabad</option>
<option value="Faridabad">Faridabad</option>
</select>
</div>
<div class="form-group">
<label>-Select Dealer- <span>*</span></label>
<select name="dealer" id="dealer-main" required>
<option value="">-Select Dealer-</option>
</select>
</div>
<button type="submit" class="btn-red2">Submit</button>
</form>
</section>
</div>
</div>
</div>
</div>
</section>
<!-- AUTO-OPEN POPUP (Form) -->
<div class="popup-overlay" id="popup-auto">
<div class="popup-content">
<span class="close-btn" id="closePopup">×</span>
<h2>Get a Quote </h2>
<form action="send_mail.php" method="POST">
<!-- Name + Email -->
<div class="form-group">
<label>Name <span>*</span></label>
<input type="text" name="name" placeholder="Name" required>
<label>Email <span>*</span></label>
<input type="email" name="email" placeholder="Email" required>
</div>
<!-- Mobile + Model -->
<div class="form-group">
<label>Mobile <span>*</span></label>
<input type="text" name="mobile" placeholder="Mobile" required>
<label>Select Model <span>*</span></label>
<select name="model" required>
<option value="">-Select Model-</option>
<option value="Amaze - 2nd Gen">Amaze - 2nd Gen</option>
<option value="City - 5th Gen">City - 5th Gen</option>
<option value="ELEVATE">ELEVATE</option>
<option value="City e:HEV">City e:HEV</option>
<option value="All New Amaze">All New Amaze</option>
</select>
</div>
<!-- Outlet + Dealer (AUTO) -->
<div class="form-group">
<label>-Select Outlet- <span>*</span></label>
<select name="outlet" id="outlet-auto" required>
<option value="">-Select Outlet-</option>
<option value="North Delhi">North Delhi</option>
<option value="South Delhi">South Delhi</option>
<option value="East Delhi">East Delhi</option>
<option value="Central Delhi">Central Delhi</option>
<option value="West Delhi">West Delhi</option>
<option value="Noida">Noida</option>
<option value="Gurgaon">Gurgaon</option>
<option value="Ghaziabad">Ghaziabad</option>
<option value="Faridabad">Faridabad</option>
</select>
</div>
<div class="form-group">
<label>-Select Dealer- <span>*</span></label>
<select name="dealer" id="dealer-auto" required>
<option value="">-Select Dealer-</option>
</select>
</div>
<button type="submit" class="btn-red2">Submit</button>
</form>
</div>
</div>
<!-- MANUAL POPUP (Form) -->
<div class="popup-overlay" id="popup">
<div class="popup-content">
<span class="close-btn" onclick="closePopup()">×</span>
<h2>Get a Quote </h2>
<form action="send_mail.php" method="POST">
<!-- Name + Email -->
<div class="form-group">
<label>Name <span>*</span></label>
<input type="text" name="name" placeholder="Name" required>
<label>Email <span>*</span></label>
<input type="email" name="email" placeholder="Email" required>
</div>
<!-- Mobile + Model -->
<div class="form-group">
<label>Mobile <span>*</span></label>
<input type="text" name="mobile" placeholder="Mobile" required>
<label>Select Model <span>*</span></label>
<select name="model" required>
<option value="">-Select Model-</option>
<option value="Amaze - 2nd Gen">Amaze - 2nd Gen</option>
<option value="City - 5th Gen">City - 5th Gen</option>
<option value="ELEVATE">ELEVATE</option>
<option value="City e:HEV">City e:HEV</option>
<option value="All New Amaze">All New Amaze</option>
</select>
</div>
<!-- Outlet + Dealer (MANUAL) -->
<div class="form-group">
<label>-Select Outlet- <span>*</span></label>
<select name="outlet" id="outlet-popup" required>
<option value="">-Select Outlet-</option>
<option value="North Delhi">North Delhi</option>
<option value="South Delhi">South Delhi</option>
<option value="East Delhi">East Delhi</option>
<option value="Central Delhi">Central Delhi</option>
<option value="West Delhi">West Delhi</option>
<option value="Noida">Noida</option>
<option value="Gurgaon">Gurgaon</option>
<option value="Ghaziabad">Ghaziabad</option>
<option value="Faridabad">Faridabad</option>
</select>
</div>
<div class="form-group">
<label>-Select Dealer- <span>*</span></label>
<select name="dealer" id="dealer-popup" required>
<option value="">-Select Dealer-</option>
</select>
</div>
<button type="submit" class="btn-red2">Submit</button>
</form>
</div>
</div>
<!-- CARS SECTION (EXAMPLE) -->
<div class="container">
<section class="cars">
<h2>Select Your Car</h2>
<div class="cars-container">
<!-- Car 1 -->
<div class="car-box">
<div class="offer-box offer-box-1">
<button class="btn-redo" onclick="offerPopup('amaze-popup')">January Offers</button>
<p>Only few left</p>
</div>
<img src="./images/amaze 2nd GEn (1).png" alt="Amaze">
<h3>Amaze - 2nd Gen</h3>
<p>Starts from ₹ 7,62,800*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
<!-- Car 2 -->
<div class="car-box">
<div class="offer-box">
<button class="btn-redo" onclick="offerPopup('elevate-popup')">January Offers</button>
</div>
<img src="./images/elevatet.webp" alt="Elevate">
<h3>Elevate</h3>
<p>Starts from ₹ 11,91,000*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
<!-- Car 3 -->
<div class="car-box">
<div class="offer-box">
<button class="btn-redo" onclick="offerPopup('ehev-popup')">January Offers</button>
</div>
<img src="./images/honda-ehev.webp" alt="City e:HEV">
<h3>City e:HEV</h3>
<p>Starts from ₹ 20,55,100*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
</div>
<div class="cars-container">
<!-- Car 4 -->
<div class="car-box">
<div class="offer-box ndcar">
<button class="btn-redo" onclick="offerPopup('amaze-popup')">January Offers</button>
</div>
<img src="./images/allnewamaze.png" alt="All New Amaze">
<h3>All New Amaze</h3>
<p>Starts from ₹ 7,99,900*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
<!-- Car 5 -->
<div class="car-box">
<div class="offer-box">
<button class="btn-redo" onclick="offerPopup('city-popup')">January Offers</button>
</div>
<img src="./images/city5tgen.webp" alt="City-5th Gen">
<h3>City - 5th Gen</h3>
<p>Starts from ₹ 12,08,100*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
<!-- Extra placeholder car if needed -->
<div class="car-box ndcar">
<img src="https://via.placeholder.com/250x150" alt="Placeholder Car">
<h3>Placeholder Model</h3>
<p>Starts from ₹ XX,XXX*</p>
<button class="btn-red" onclick="showPopup()">Book Now</button>
</div>
</div>
</section>
</div>
<!-- OFFERS POPUPS -->
<div class="offers-container" id="offers-container">
<div id="offer-popups">
<!-- Amaze - 2nd Gen Offer Popup -->
<div class="offer-popup" id="amaze-popup">
<div class="popup">
<button class="close-btn" onclick="hidePopup('amaze-popup')">×</button>
<h2>Exciting Offers On Amaze - 2nd Gen*</h2>
<ul>
<li><strong>Easy Ownership</strong> Finance Schemes</li>
<li><strong>Best Exchange Value</strong> of your existing car</li>
<li>Attractive <strong>Exchange Bonus</strong></li>
</ul>
</div>
</div>
<!-- City - 5th Gen Offer Popup -->
<div class="offer-popup" id="city-popup">
<div class="popup">
<button class="close-btn" onclick="hidePopup('city-popup')">×</button>
<h2>Exciting Offers On City - 5th Gen*</h2>
<ul>
<li>Up to <strong>₹ 73,300*</strong> Benefits</li>
<li><strong>Easy Ownership</strong> Finance Schemes</li>
<li><strong>Best Exchange Value</strong> of your existing car</li>
<li>Attractive <strong>Exchange Bonus</strong></li>
</ul>
</div>
</div>
<!-- ELEVATE Offer Popup -->
<div class="offer-popup" id="elevate-popup">
<div class="popup">
<button class="close-btn" onclick="hidePopup('elevate-popup')">×</button>
<h2>Exciting Offers On ELEVATE*</h2>
<ul>
<li>Limited Period Celebration Offer <strong>₹ 86,100*</strong></li>
<li><strong>Easy Ownership</strong> Finance Schemes</li>
<li><strong>Best Exchange Value</strong> of your existing car</li>
<li>The offer is valid for <strong>Limited Period*</strong></li>
</ul>
</div>
</div>
<!-- City e:HEV Popup -->
<div class="offer-popup" id="ehev-popup">
<div class="popup">
<button class="close-btn" onclick="hidePopup('ehev-popup')">×</button>
<h2>Exciting Offers On City e:HEV*</h2>
<ul>
<li>Up to <strong>₹ 90,000*</strong> Benefits</li>
<li><strong>Easy Ownership</strong> Finance Schemes</li>
<li><strong>Best Exchange Value</strong> of your existing car</li>
<li>Attractive <strong>Exchange Bonus</strong></li>
</ul>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
<p>
<a href="term-and-conditions.html">Terms and Conditions</a> |
<a href="privacy.html">Privacy Policy</a>
</p>
<p class="managekli">
<a href="https://kliadvertising.com/">
© 2024, All Rights Reserved (Terms of Use) Developed and Managed by KLI Advertising
</a>
</p>
</footer>
</div>
<!-- MAIN SCRIPT -->
<script>
// ========== POPUP FUNCTIONS ==========
// Show manual popup
function showPopup() {
document.getElementById('popup').style.display = 'flex';
}
// Close manual popup
function closePopup() {
document.getElementById('popup').style.display = 'none';
}
// Show a specific offer popup
function offerPopup(popupId) {
document.getElementById(popupId).style.display = 'flex';
}
// Hide a specific offer popup
function hidePopup(popupId) {
document.getElementById(popupId).style.display = 'none';
}
// Auto-open popup after 2 seconds
window.onload = function () {
setTimeout(() => {
const popup = document.getElementById('popup-auto');
popup.style.display = 'flex';
}, 2000);
};
// Close auto popup
document.getElementById('closePopup').addEventListener('click', function () {
const popup = document.getElementById('popup-auto');
popup.style.display = 'none';
});
// ========== OUTLET → DEALER LOGIC ==========
const dealersByOutlet = {
"North Delhi": ["Cherish Honda Rohini", "Courtesy Honda Wazirpur"],
"South Delhi": ["Crown Honda Mathura Road", "Samara Honda Lajpat Nagar","Courtesy Honda Okhla"],
"East Delhi": ["Iconic Honda Patparganj"],
"Central Delhi":[ "Ring Road Honda Cannaught Place"],
"West Delhi": ["Samara Honda Mayapuri", "Ring Road Honda Peeragarhi","Ring Road Honda Moti Nagar","Ring Road Honda Dwarka"],
"Noida": ["Crown Honda Noida", "Ace Honda Noida"],
"Gurgaon": ["Frontier Honda Gurgaon", "Iconic Honda Gurgaon","Ring Road Honda Gurgaon, MG Road","Iconic Honda Gurgaon Sector-18"],
"Ghaziabad": ["Crown Honda Vaishali", "Crown Honda Ghaziabad"],
"Faridabad": ["Classic Honda NIT 5 Faridabad", "Classic Honda Main Mathura Road"]
};
// Attach the logic to a specific pair of outlet/dealer IDs
function attachOutletListener(outletId, dealerId) {
const outletSelect = document.getElementById(outletId);
const dealerSelect = document.getElementById(dealerId);
// If either doesn't exist, skip
if (!outletSelect || !dealerSelect) return;
// On change, populate the dealer dropdown
outletSelect.addEventListener('change', function() {
// Clear current dealer options
dealerSelect.innerHTML = '<option value="">-Select Dealer-</option>';
const selectedOutlet = outletSelect.value;
if (selectedOutlet && dealersByOutlet[selectedOutlet]) {
const dealers = dealersByOutlet[selectedOutlet];
dealers.forEach(dealerName => {
const option = document.createElement('option');
option.value = dealerName;
option.textContent = dealerName;
dealerSelect.appendChild(option);
});
}
});
}
// Attach logic for each form
attachOutletListener('outlet-main', 'dealer-main'); // Main Form
attachOutletListener('outlet-auto', 'dealer-auto'); // Auto Popup Form
attachOutletListener('outlet-popup', 'dealer-popup'); // Manual Popup Form
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NHQPPZFL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>