<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Skill Course | ₹12,999</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- META PIXEL -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');

fbq('init','YOUR_PIXEL_ID');
fbq('track','PageView');
</script>

<style>
body{font-family:Arial;background:#f4f6fb;margin:0}
.container{max-width:900px;margin:auto;padding:20px}
.hero{background:#1e40af;color:#fff;padding:40px;border-radius:10px;text-align:center}
.btn{background:#22c55e;color:#fff;padding:15px 30px;
text-decoration:none;border-radius:8px;display:inline-block;margin-top:15px}
.section{background:#fff;margin-top:25px;padding:25px;border-radius:10px}
input{width:100%;padding:12px;margin:8px 0}
</style>
</head>

<body>
<div class="container">

<div class="hero">
<h1>Job-Ready Skill Course</h1>
<p>Beginner से Professional बनने का Complete Program</p>
<h2>₹12,999 Only</h2>
<a href="#lead" class="btn"
onclick="fbq('track','InitiateCheckout');">Enroll Now</a>
</div>

<div id="lead" class="section">
<h2>Free Career Consultation</h2>
<form onsubmit="leadEvent();return false;">
<input type="text" placeholder="Name" required>
<input type="tel" placeholder="Mobile Number" required>
<input type="email" placeholder="Email" required>
<button class="btn" type="submit">Submit</button>
</form>
</div>

<div class="section" style="text-align:center">
<h2>Direct Buy Option</h2>
<a href="checkout.html" class="btn"
onclick="fbq('track','InitiateCheckout');">
Buy Now @ ₹12,999
</a>
</div>

</div>

<script>
function leadEvent(){
fbq('track','Lead');
alert("Lead Captured Successfully");
}
</script>

</body>
</html>
