Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>New Project | DeepSite Wizardry</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta charset="utf-8"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" /> | |
| </head> | |
| <body class="bg-white font-sans px-6 py-12"> | |
| <div class="max-w-4xl mx-auto"> | |
| <a href="/" class="text-gray-500 hover:text-gray-700 mb-8 inline-flex items-center"> | |
| <i class="fas fa-arrow-left mr-2"></i> Back to Home | |
| </a> | |
| <h1 class="text-4xl font-bold mb-2">Create New Project</h1> | |
| <p class="text-gray-600 mb-8">Choose your starting point</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> | |
| <div class="border rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="bg-blue-100 text-blue-600 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-window-maximize text-xl"></i> | |
| </div> | |
| <h3 class="font-semibold text-lg mb-2">Blank Page</h3> | |
| <p class="text-gray-600 mb-4">Start from scratch with an empty template</p> | |
| <a href="#" class="text-blue-600 font-medium">Choose</a> | |
| </div> | |
| <div class="border rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="bg-purple-100 text-purple-600 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-shopping-cart text-xl"></i> | |
| </div> | |
| <h3 class="font-semibold text-lg mb-2">E-commerce</h3> | |
| <p class="text-gray-600 mb-4">Build an online store with our shop template</p> | |
| <a href="#" class="text-purple-600 font-medium">Choose</a> | |
| </div> | |
| <div class="border rounded-lg p-6 hover:shadow-md transition-shadow"> | |
| <div class="bg-green-100 text-green-600 w-12 h-12 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-blog text-xl"></i> | |
| </div> | |
| <h3 class="font-semibold text-lg mb-2">Blog</h3> | |
| <p class="text-gray-600 mb-4">Create a beautiful blog or news site</p> | |
| <a href="#" class="text-green-600 font-medium">Choose</a> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |