<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– ✅ TITLE WHITE –>
<title style=”color:white;”>Diamond Essence – Luxury Affiliate</title>
<script src=”https://cdn.tailwindcss.com”></script>
<link href=”https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;900&display=swap” rel=”stylesheet”>
<style>
body {
font-family: ‘Montserrat’, sans-serif;
}
/* HEADER */
.header-dark {
background: #000;
}
/* HERO */
.hero-bg {
background: radial-gradient(circle at center, #b80000 0%, #2a0000 100%);
min-height: 520px;
position: relative;
overflow: hidden;
}
.hero-bg::after {
content: “”;
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.8));
}
/* Neon */
.neon-line {
height: 3px;
background: #ff1a1a;
box-shadow: 0 0 15px #ff0000;
border-radius: 10px;
margin-bottom: 12px;
}
/* FORM */
.gold-card {
background: #F7E5B5;
border-radius: 40px;
overflow: hidden;
}
.input-box {
background: #EAD9A4;
border-radius: 10px;
padding: 14px;
width: 100%;
}
.submit-btn {
background: #EEB318;
color: white;
font-weight: bold;
}
</style>
</head>
<body>
<!– HEADER –>
<header>
<div>
<div>
DE
</div>
<div>
Diamond <br><span>Essence</span>
</div>
</div>
<div>
<span>🛒</span>
<span>👤</span>
</div>
</header>
<!– HERO –>
<section>
<!– Neon –>
<div>
<div></div>
<div></div>
<div></div>
</div>
<div>
<!– TEXT –>
<div>
<h1>
Diamond Essence <br> Affiliate Program
</h1>
<p>
Share luxury fragrances and earn rewards with our premium affiliate program.
</p>
</div>
<!– CIRCLE IMAGE –>
<div>
<div></div>
<div>
<img
src=”https://images.unsplash.com/photo-1594035910387-fea47794261f”
class=”w-full h-full object-cover”
alt=”Perfume”
>
</div>
</div>
</div>
</section>
<!– TITLE –>
<section>
<h2>
Join the Diamond Essence Affiliate Family
</h2>
</section>
<!– FORM –>
<section>
<div>
<!– LEFT –>
<div>
<h3>Affiliate Sign-Up</h3>
<form>
<input type=”text” placeholder=”Name”>
<input type=”email” placeholder=”Email”>
<div>
<input type=”text” placeholder=”Followers”>
<input type=”text” placeholder=”Social Links”>
</div>
<textarea placeholder=”Message” rows=”4″></textarea>
<button>
Submit
</button>
</form>
</div>
<!– RIGHT –>
<div>
<img
src=”https://images.unsplash.com/photo-1615634260167-c8cdede054de”
class=”w-full h-full object-cover”
alt=”Perfume”
>
<div>
<p>Official Partner</p>
<p>”Share the essence, earn luxury.”</p>
</div>
</div>
</div>
</section>
<!– FOOTER –>
<footer>
© 2026 Diamond Essence
</footer>
</body>
</html>