Spaces:
Running
Running
اريد تفعيل جميع الايقونات الموجوده داخل الموقع بالكامل اريده كامل متكامل بتشغيل جميع الايقونات تعمل بشكل حقيقي وربطه بالتدريب الصفحه الرئيسيه هي Giedo Group وبداخلها كل التفاصيل عن جميع الشركات وعند الضغط على كل شركه تذهب الي الموقع الرسمي للبرنامج كل هذا و اضافه تسجيل الدخول وسجل الان وعربه تسوق وكل هذا اريده كامل متكامل حقيقي
291ecb6 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Register | Giedo Group</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .gradient-text { | |
| background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .card-hover { | |
| transition: all 0.3s ease; | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen bg-gradient-to-br from-gray-900 to-gray-800 text-white"> | |
| <div class="container mx-auto px-6 py-12 flex flex-col items-center justify-center"> | |
| <div class="w-full max-w-md bg-gray-800/50 backdrop-blur-lg rounded-xl p-8 card-hover"> | |
| <div class="text-center mb-8"> | |
| <a href="index.html" class="text-2xl font-bold gradient-text flex items-center justify-center"> | |
| <i data-feather="globe" class="mr-2"></i> Giedo Group | |
| </a> | |
| <h2 class="text-2xl font-bold mt-4">Create Your Account</h2> | |
| <p class="text-gray-400">Join our digital ecosystem today</p> | |
| </div> | |
| <form class="space-y-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> | |
| <div> | |
| <label for="first-name" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="user" class="mr-2 w-4 h-4"></i> First Name | |
| </label> | |
| <input type="text" id="first-name" name="first-name" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="John"> | |
| </div> | |
| <div> | |
| <label for="last-name" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="user" class="mr-2 w-4 h-4"></i> Last Name | |
| </label> | |
| <input type="text" id="last-name" name="last-name" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="Doe"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="mail" class="mr-2 w-4 h-4"></i> Email Address | |
| </label> | |
| <input type="email" id="email" name="email" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="your@email.com"> | |
| </div> | |
| <div> | |
| <label for="phone" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="phone" class="mr-2 w-4 h-4"></i> Phone Number | |
| </label> | |
| <input type="tel" id="phone" name="phone" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="+20 100 000 0000"> | |
| </div> | |
| <div> | |
| <label for="password" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="lock" class="mr-2 w-4 h-4"></i> Password | |
| </label> | |
| <input type="password" id="password" name="password" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="••••••••"> | |
| </div> | |
| <div> | |
| <label for="confirm-password" class="block text-sm font-medium text-gray-300 mb-1 flex items-center"> | |
| <i data-feather="check" class="mr-2 w-4 h-4"></i> Confirm Password | |
| </label> | |
| <input type="password" id="confirm-password" name="confirm-password" required | |
| class="w-full px-4 py-2 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent" | |
| placeholder="••••••••"> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex items-center h-5"> | |
| <input id="terms" name="terms" type="checkbox" required | |
| class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700"> | |
| </div> | |
| <div class="ml-3 text-sm"> | |
| <label for="terms" class="font-medium text-gray-300"> | |
| I agree to the <a href="terms.html" class="text-purple-400 hover:text-purple-300">Terms</a> and <a href="privacy.html" class="text-purple-400 hover:text-purple-300">Privacy Policy</a> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex items-center h-5"> | |
| <input id="marketing" name="marketing" type="checkbox" | |
| class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700"> | |
| </div> | |
| <div class="ml-3 text-sm"> | |
| <label for="marketing" class="font-medium text-gray-300"> | |
| I want to receive marketing promotions and updates | |
| </label> | |
| </div> | |
| </div> | |
| <button type="submit" | |
| class="w-full flex justify-center items-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> | |
| <i data-feather="user-plus" class="mr-2 w-4 h-4"></i> Create Account | |
| </button> | |
| </form> | |
| <div class="mt-6"> | |
| <div class="relative"> | |
| <div class="absolute inset-0 flex items-center"> | |
| <div class="w-full border-t border-gray-600"></div> | |
| </div> | |
| <div class="relative flex justify-center text-sm"> | |
| <span class="px-2 bg-gray-800 text-gray-400"> | |
| Or sign up with | |
| </span> | |
| </div> | |
| </div> | |
| <div class="mt-6 grid grid-cols-2 gap-3"> | |
| <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600"> | |
| <i data-feather="facebook" class="mr-2 w-4 h-4 text-blue-400"></i> Facebook | |
| </a> | |
| <a href="#" class="w-full inline-flex justify-center items-center py-2 px-4 border border-gray-600 rounded-lg shadow-sm bg-gray-700 text-sm font-medium text-gray-300 hover:bg-gray-600"> | |
| <i data-feather="google" class="mr-2 w-4 h-4 text-red-400"></i> Google | |
| </a> | |
| </div> | |
| </div> | |
| <div class="mt-6 text-center"> | |
| <p class="text-sm text-gray-400"> | |
| Already have an account? | |
| <a href="login.html" class="font-medium text-purple-400 hover:text-purple-300"> | |
| Sign in | |
| </a> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |