|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Pre-Register | FiveXBet.com</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
</head> |
|
|
<body class="bg-dark w-full relative"> |
|
|
|
|
|
<div class="absolute inset-0 overflow-hidden"> |
|
|
<div class="cosmic-web absolute inset-0"></div> |
|
|
</div> |
|
|
|
|
|
<header> |
|
|
<div class="header-container"> |
|
|
<a href="/" class="logo-wrapper"> |
|
|
<img src="https://i.postimg.cc/RCW9dG73/Untitled-design.png" alt="FiveXBet Logo"> |
|
|
<span class="brand-name">FIVEXBET</span> |
|
|
</a> |
|
|
|
|
|
<div class="nav-links"> |
|
|
<a href="/" class="nav-link">Home</a> |
|
|
<a href="register.html" class="nav-link active-link">Pre-Register</a> |
|
|
<a href="#" class="nav-link">Games</a> |
|
|
<a href="#" class="nav-link">Promotions</a> |
|
|
<a href="#" class="nav-link">About</a> |
|
|
<a href="register.html" class="cta-button">Get 2 BTC Bonus</a> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
<main class="relative z-10 min-h-screen flex items-center justify-center"> |
|
|
<div class="container mx-auto px-6 py-12"> |
|
|
<div class="max-w-md mx-auto bg-black/50 backdrop-blur-sm border border-neonblue/30 rounded-xl p-8 shadow-lg"> |
|
|
<h1 class="text-3xl font-bold text-center mb-6 text-white"> |
|
|
<span class="text-neonblue">Pre-Register</span> <span class="text-neonmagenta">Now</span> |
|
|
</h1> |
|
|
|
|
|
<form class="space-y-6"> |
|
|
<div> |
|
|
<label for="email" class="block text-sm font-medium text-gray-300 mb-1">Email Address</label> |
|
|
<input type="email" id="email" required class="w-full bg-black/30 backdrop-blur-sm border border-neonblue/50 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-neonblue focus:border-transparent placeholder-gray-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="wallet" class="block text-sm font-medium text-gray-300 mb-1">Crypto Wallet Address</label> |
|
|
<input type="text" id="wallet" required class="w-full bg-black/30 backdrop-blur-sm border border-neonblue/50 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-neonblue focus:border-transparent placeholder-gray-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="currency" class="block text-sm font-medium text-gray-300 mb-1">Preferred Currency</label> |
|
|
<select id="currency" class="w-full bg-black/30 backdrop-blur-sm border border-neonblue/50 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-neonblue focus:border-transparent"> |
|
|
<option>BTC - Bitcoin</option> |
|
|
<option>ETH - Ethereum</option> |
|
|
<option>USDT - Tether</option> |
|
|
<option>LTC - Litecoin</option> |
|
|
<option>DOGE - Dogecoin</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center"> |
|
|
<input id="terms" type="checkbox" class="w-4 h-4 text-neonblue bg-black/30 border-neonblue/50 rounded focus:ring-neonblue focus:ring-offset-gray-800"> |
|
|
<label for="terms" class="ml-2 text-sm text-gray-300">I agree to the <a href="#" class="text-neonblue hover:underline">Terms & Conditions</a></label> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="w-full bg-gradient-to-r from-neonblue to-neonmagenta text-white font-bold px-6 py-3 rounded-lg hover:opacity-90 transition duration-300 shadow-lg hover:shadow-neonblue/30"> |
|
|
Complete Pre-Registration |
|
|
</button> |
|
|
</form> |
|
|
|
|
|
<div class="mt-6 text-center text-gray-400 text-sm"> |
|
|
<p>Pre-register for a chance to win <span class="text-orange-500">2 BTC</span> when we launch!</p> |
|
|
<p class="mt-2">Already have an account? <a href="/" class="text-neonblue hover:underline">Sign In</a></p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<script src="script.js"></script> |
|
|
</body> |
|
|
</html> |
