GrooLx/https-pusat2-com-tr-index-php
0
1<!DOCTYPE html>2<html lang="tr">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Kayıt Ol | Pusat2 Prime</title>7 <link rel="icon" type="image/x-icon" href="https://pusat2.com.tr/assets/images/logo.png">8 <link rel="stylesheet" href="style.css">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>13</head>14<body class="bg-gray-900 text-white min-h-screen">15 <div id="vanta-bg" class="fixed inset-0 z-0"></div>16 17 <div class="relative z-10">18 <!-- Language Switcher -->19 <div class="fixed top-4 right-4 z-50 flex gap-2">20 <a href="https://pusat2.com.tr//Index/Language/TR" class="hover:scale-110 transition-transform">21 <img src="https://pusat2.com.tr/assets/images/tr.png" alt="TR" class="w-8 h-8 rounded">22 </a>23 <a href="https://pusat2.com.tr//Index/Language/EN" class="hover:scale-110 transition-transform">24 <img src="https://pusat2.com.tr/assets/images/en.png" alt="EN" class="w-8 h-8 rounded">25 </a>26 </div>27 28 <!-- Navigation -->29 <custom-navbar></custom-navbar>30 31 <!-- Register Form Section -->32 <section class="container mx-auto px-4 py-16">33 <div class="max-w-md mx-auto">34 <div class="bg-gray-800 rounded-lg p-8 border border-gray-700 shadow-2xl">35 <div class="text-center mb-8">36 <img src="https://pusat2.com.tr/assets/images/logo.png" alt="Pusat2 Logo" class="mx-auto w-32 h-auto mb-4">37 <h1 class="text-3xl font-bold bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent">38 HESAP OLUŞTUR39 </h1>40 <p class="text-gray-400 mt-2">Pusat2 Prime macerana başla!</p>41 </div>42 43 <form id="registerForm" class="space-y-6">44 <div>45 <label class="block text-sm font-medium mb-2">Kullanıcı Adı</label>46 <div class="relative">47 <input type="text" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="Kullanıcı adı giriniz">48 <i data-feather="user" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>49 </div>50 </div>51 52 <div>53 <label class="block text-sm font-medium mb-2">E-Posta</label>54 <div class="relative">55 <input type="email" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="eposta@ornek.com">56 <i data-feather="mail" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>57 </div>58 </div>59 60 <div>61 <label class="block text-sm font-medium mb-2">Şifre</label>62 <div class="relative">63 <input type="password" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="Şifrenizi giriniz">64 <i data-feather="lock" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>65 </div>66 </div>67 68 <div>69 <label class="block text-sm font-medium mb-2">Şifre Tekrar</label>70 <div class="relative">71 <input type="password" required class="w-full px-4 py-3 pl-10 bg-gray-700 border border-gray-600 rounded-lg focus:border-purple-500 focus:outline-none transition-colors" placeholder="Şifrenizi tekrar giriniz">72 <i data-feather="lock" class="absolute left-3 top-3.5 w-5 h-5 text-gray-400"></i>73 </div>74 </div>75 76 <div class="flex items-center">77 <input type="checkbox" id="terms" required class="mr-2">78 <label for="terms" class="text-sm text-gray-400">79 <a href="#" onclick="document.getElementById('membershipModal').classList.remove('hidden')" class="text-purple-400 hover:text-purple-300">Üyelik sözleşmesini</a> okudum ve kabul ediyorum80 </label>81 </div>82 83 <button type="submit" class="w-full bg-gradient-to-r from-purple-600 to-pink-600 py-3 rounded-lg font-bold hover:from-purple-700 hover:to-pink-700 transition-all transform hover:scale-105">84 HESAP OLUŞTUR85 </button>86 </form>87 88 <div class="mt-6 text-center">89 <p class="text-gray-400">90 Zaten hesabınız var mı?91 <a href="login.html" class="text-purple-400 hover:text-purple-300 font-semibold">Giriş Yap</a>92 </p>93 </div>94 </div>95 </div>96 </section>97 98 <!-- Footer -->99 <custom-footer></custom-footer>100 </div>101 102 <!-- Membership Agreement Modal -->103 <div id="membershipModal" class="fixed inset-0 bg-black bg-opacity-75 z-50 hidden flex items-center justify-center p-4">104 <div class="bg-gray-800 rounded-lg max-w-4xl max-h-[80vh] overflow-y-auto p-8 relative">105 <button onclick="closeModal()" class="absolute top-4 right-4 text-gray-400 hover:text-white">106 <i data-feather="x" class="w-6 h-6"></i>107 </button>108 <h2 class="text-2xl font-bold mb-4">Üyelik Sözleşmesi</h2>109 <div class="text-gray-300 space-y-4">110 <h3 class="text-lg font-semibold">Üyelik ve Hizmet Sözleşmesi Beyanı</h3>111 <p>Her oyuncu hesap bilgilerini gizli tutmakla yükümlüdür.</p>112 <p>Bir hesabı sadece hesabın kayıtlı olduğu mail adresinin sahibi kullanabilir (hesap paylaşılamaz, satılamaz, devir edilemez ve ortak kullanılamaz) takımı kaybedilen veya çalınan eşyaların iadesini yapmayacaktır.</p>113 <p>Hesap bilgilerinin bir başkası tarafından kullanılması ve bilinmesi tamamıyle sizin sorumluluğunuzdadır.</p>114 <p>Eğer bir açık bulup bunu kendinize avantaj sağlamak için kullanırsanız oyun hesabınız süresiz olarak kapatılır.</p>115 <p>Oyunun kullanıcı hesabı ve materyallerini gerçek para ile satmaya kalkışmak, satmak ve satın almak gibi eylemler kesinlikle yasaktır.</p>116 </div>117 </div>118 </div>119 120 <script src="components/navbar.js"></script>121 <script src="components/footer.js"></script>122 <script src="script.js"></script>123 <script>feather.replace();</script>124</body>125</html>