Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Create Event - In-event Connect</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| .auth-gradient { | |
| background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased bg-gray-50"> | |
| <div class="min-h-screen flex items-center justify-center p-6"> | |
| <div class="w-full max-w-md"> | |
| <div class="bg-white rounded-xl shadow-xl overflow-hidden"> | |
| <div class="auth-gradient text-white p-8 text-center"> | |
| <h1 class="text-2xl font-bold">Create Your Event</h1> | |
| <p class="mt-2">Set up your event in minutes</p> | |
| </div> | |
| <div class="p-8"> | |
| <div class="mb-6"> | |
| <label class="block text-gray-700 text-sm font-bold mb-2" for="event-name"> | |
| Event Name | |
| </label> | |
| <input id="event-name" type="text" class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="My Awesome Event"> | |
| </div> | |
| <div class="mb-6"> | |
| <label class="block text-gray-700 text-sm font-bold mb-2" for="event-date"> | |
| Event Date | |
| </label> | |
| <input id="event-date" type="date" class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500"> | |
| </div> | |
| <div class="mb-8"> | |
| <label class="block text-gray-700 text-sm font-bold mb-2" for="event-logo"> | |
| Event Logo (Optional) | |
| </label> | |
| <div class="flex items-center space-x-4"> | |
| <div class="w-16 h-16 rounded-lg bg-gray-200 flex items-center justify-center overflow-hidden"> | |
| <i class="fas fa-image text-gray-400 text-xl"></i> | |
| </div> | |
| <button class="bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium py-2 px-4 rounded-lg transition duration-200"> | |
| Upload Image | |
| </button> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <button class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200"> | |
| Create Event | |
| </button> | |
| </div> | |
| <div class="text-center text-sm text-gray-600"> | |
| <p>Already have an account? <a href="#" class="text-purple-600 hover:underline">Sign in</a></p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |