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>Login | 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">Welcome Back</h2> | |
| <p class="text-gray-400">Please enter your credentials to login</p> | |
| </div> | |
| <form class="space-y-6"> | |
| <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="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 class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <input id="remember-me" name="remember-me" type="checkbox" | |
| class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-600 rounded bg-gray-700"> | |
| <label for="remember-me" class="ml-2 block text-sm text-gray-300"> | |
| Remember me | |
| </label> | |
| </div> | |
| <a href="forgot-password.html" class="text-sm text-purple-400 hover:text-purple-300"> | |
| Forgot password? | |
| </a> | |
| </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="log-in" class="mr-2 w-4 h-4"></i> Sign In | |
| </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 continue 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"> | |
| Don't have an account? | |
| <a href="register.html" class="font-medium text-purple-400 hover:text-purple-300"> | |
| Register now | |
| </a> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |