<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Master ECU Remapping with Alientech</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', sans-serif;
background-color: #000;
color: #fff;
line-height: 1.6;
}
.container { width: 90%; max-width: 1200px; margin: auto; padding: 2rem 0; }
.hero {
text-align: center;
background: radial-gradient(circle, #0f0f0f 0%, #000 100%);
padding: 4rem 1rem;
}
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
.hero h1 span { color: #ffe600; }
.hero p { color: #ccc; margin-bottom: 1rem; }
.btn-yellow {
background: #ffe600;
color: #000;
padding: 0.75rem 1.5rem;
border: none;
font-weight: 700;
cursor: pointer;
border-radius: 4px;
}
.section-title { font-size: 1.75rem; margin: 2rem 0 1rem; text-align: center; }
.badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.badge {
background: #111;
border: 1px solid #444;
padding: 1rem;
border-radius: 8px;
font-weight: 600;
}
.badge.blue { color: #00bfff; border-color: #00bfff; }
.badge.purple { color: #9c5cff; border-color: #9c5cff; }
.who-section, .trainers-section, .countdown-section, .testimonials, .highlights, .faq, .contact-section {
background: #111;
margin-top: 2rem;
padding: 2rem 1rem;
}
.grid-3, .grid-2 {
display: grid;
gap: 1.5rem;
}
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.grid-2 { grid-template-columns: 1fr 1fr; }
.trainer, .testimonial, .faq-box {
background: #1a1a1a;
padding: 1.5rem;
border-radius: 8px;
}
.highlight-img { width: 100%; border-radius: 8px; margin-bottom: 1rem; }
.countdown {
text-align: center;
font-size: 2rem;
margin-top: 1rem;
}
.faq-box h4 { margin-bottom: 0.5rem; color: #ffe600; }
.footer {
background: #000;
padding: 2rem 1rem;
text-align: center;
}
.btn-footer { margin-top: 1rem; }
</style>
</head>
<body>
<section class="hero">
<div class="container">
<h1>Master ECU Remapping with <span>Alientech</span></h1>
<p>4-Day Hands-On Training</p>
<p><strong>August 22nd - 25th, 2025 | Attide Boutique Hotel, Yelahanka, Bengaluru</strong></p>
<button class="btn-yellow">Book My Seat Now</button>
<p style="color: #ff4444; margin-top: 0.5rem;">Seats Selling Fast</p>
</div>
</section>
<section class="container">
<h2 class="section-title">Why Attend This Training</h2>
<div class="badges">
<div class="badge blue">Directly guided by Alientech Italy experts</div>
<div class="badge purple">Hands-on training with real cars & tools</div>
<div class="badge blue">ECM Titanium & KESS3 Usage</div>
<div class="badge purple">Certification + post-training support</div>
</div>
</section>
<section class="who-section">
<div class="container">
<h2 class="section-title">Who Is This 4-Day Offline Training For?</h2>
<div class="grid-3">
<div class="trainer">Garage Owners & Technicians</div>
<div class="trainer">Automotive Enthusiasts & DIY Tuners</div>
<div class="trainer">Performance Workshop Teams</div>
<div class="trainer">Engineering & Automotive Students</div>
<div class="trainer">New Entrepreneurs</div>
<div class="trainer">Existing Tuners (Basic Level)</div>
</div>
<p style="text-align: center; margin-top: 1rem; color: #ffe600;">No prior tuning experience needed – just passion and a drive to learn</p>
</div>
</section>
<section class="trainers-section">
<div class="container">
<h2 class="section-title">Meet Our Trainers</h2>
<div class="grid-2">
<div class="trainer">
<h3>Eronim</h3>
<p>Alientech Manager</p>
</div>
<div class="trainer">
<h3>Francesco</h3>
<p>Alientech Academy Trainer</p>
</div>
</div>
</div>
</section>
<section class="countdown-section">
<div class="container">
<h2 class="section-title">Only Limited Seats Available – 70% Booked</h2>
<div class="countdown">40 Days : 14 Hours : 25 Minutes : 57 Seconds</div>
<div style="text-align: center; margin-top: 1rem;"><button class="btn-yellow">RESERVE MY SPOT</button></div>
</div>
</section>
<section class="testimonials">
<div class="container">
<h2 class="section-title">What Our Customers Say</h2>
<div class="grid-3">
<div class="testimonial">
<p>“This training changed everything. The instructors from Italy made complex concepts super simple.” – Rahul M, Hyderabad</p>
</div>
<div class="testimonial">
<p>“I walked out with real-world confidence in what I had learned hands-on.” – Varun, Kashmir</p>
</div>
<div class="testimonial">
<p>“Perfect blend of practical + theoretical. Amazing trainers.” – Rahul M, Mumbai</p>
</div>
</div>
</div>
</section>
<section class="highlights">
<div class="container">
<h2 class="section-title">Training Highlights – 2024</h2>
<img class="highlight-img" src="" alt="Training Highlights Image" />
</div>
</section>
<section class="faq">
<div class="container">
<h2 class="section-title">FAQs</h2>
<div class="grid-2">
<div class="faq-box">
<h4>Need prior experience?</h4>
<p>No, just passion and interest.</p>
</div>
<div class="faq-box">
<h4>Are tools provided?</h4>
<p>Yes, KESS3 and ECM Titanium tools are used during training.</p>
</div>
<div class="faq-box">
<h4>Is venue & accommodation included?</h4>
<p>Training venue is included; accommodation options available nearby.</p>
</div>
<div class="faq-box">
<h4>Can I bring my own car?</h4>
<p>You may contact the team to confirm availability.</p>
</div>
</div>
</div>
</section>
<section class="contact-section">
<div class="container">
<h2 class="section-title">Contact Us</h2>
<p><strong>Official Alientech India Dealer:</strong> Brookwoods Technologies Pvt Ltd</p>
<p>Address: No.3, Veerasagara Main Road, Attur Layout, Yelahanka Hobli, Bengaluru - 560064</p>
<p>Phone: +91 98868 88892</p>
<p>Email: brookwoodstechdesk@gmail.com</p>
</div>
</section>
<div class="footer">
<p>Don’t Miss Out – <strong>Book Your Training Slot Now</strong></p>
<button class="btn-yellow btn-footer">RESERVE MY SPOT</button>
</div>
</body>
</html>