Hugging Face's logo

Spaces:
Sobuj2026
/
lovable-ai-builder
Running

App Files Community
veerendrabotla commited on
Commit
8ae3495
·
verified ·
1 Parent(s): a454d77

connect a signin page to this button.. just that way connect relative pages to all tthe buttons and options...

Browse files
Files changed (3) hide show
  1. index.html +3 -3
  2. signin.html +63 -0
  3. signup.html +64 -0
index.html CHANGED
@@ -30,10 +30,10 @@
30
  <a href="#" class="text-gray-600 hover:text-indigo-600">Pricing</a>
31
  </div>
32
  <div class="flex items-center space-x-4">
33
- <button class="hidden md:block px-4 py-2 text-gray-600 hover:text-indigo-600">
34
  Sign In
35
- </button>
36
- <button class="px-6 py-2 bg-indigo-600 text-white rounded-full hover:bg-indigo-700 transition">
37
  Get Started
38
  </button>
39
  <button class="md:hidden">
 
30
  <a href="#" class="text-gray-600 hover:text-indigo-600">Pricing</a>
31
  </div>
32
  <div class="flex items-center space-x-4">
33
+ <a href="signin.html" class="hidden md:block px-4 py-2 text-gray-600 hover:text-indigo-600">
34
  Sign In
35
+ </a>
36
+ <button class="px-6 py-2 bg-indigo-600 text-white rounded-full hover:bg-indigo-700 transition">
37
  Get Started
38
  </button>
39
  <button class="md:hidden">
signin.html ADDED
@@ -0,0 +1,63 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sign In - Lovable</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ </style>
17
+ </head>
18
+ <body class="bg-gray-50 font-sans">
19
+ <!-- Navigation -->
20
+ <nav class="bg-white shadow-sm py-4">
21
+ <div class="container mx-auto px-4 flex justify-between items-center">
22
+ <a href="index.html" class="text-2xl font-bold gradient-text">Lovable</a>
23
+ <div class="flex items-center space-x-4">
24
+ <a href="index.html" class="hidden md:block px-4 py-2 text-gray-600 hover:text-indigo-600">
25
+ Back to Home
26
+ </a>
27
+ </div>
28
+ </div>
29
+ </nav>
30
+
31
+ <!-- Sign In Form -->
32
+ <section class="py-20">
33
+ <div class="container mx-auto px-4 max-w-md">
34
+ <div class="bg-white rounded-xl shadow-md p-8">
35
+ <h2 class="text-3xl font-bold mb-8 text-center gradient-text">Sign In</h2>
36
+ <form>
37
+ <div class="mb-6">
38
+ <label class="block text-gray-700 mb-2" for="email">Email</label>
39
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
40
+ </div>
41
+ <div class="mb-6">
42
+ <label class="block text-gray-700 mb-2" for="password">Password</label>
43
+ <input type="password" id="password" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
44
+ </div>
45
+ <button type="submit" class="w-full py-3 bg-indigo-600 text-white rounded-lg font-medium hover:bg-indigo-700 transition mb-4">
46
+ Sign In
47
+ </button>
48
+ <div class="text-center">
49
+ <a href="#" class="text-indigo-600 hover:text-indigo-800 text-sm">Forgot password?</a>
50
+ </div>
51
+ <div class="mt-6 pt-6 border-t border-gray-200 text-center">
52
+ <p class="text-gray-600">Don't have an account? <a href="signup.html" class="text-indigo-600 hover:text-indigo-800 font-medium">Sign up</a></p>
53
+ </div>
54
+ </form>
55
+ </div>
56
+ </div>
57
+ </section>
58
+
59
+ <script>
60
+ feather.replace();
61
+ </script>
62
+ </body>
63
+ </html>
signup.html ADDED
@@ -0,0 +1,64 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sign Up - Lovable</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <style>
10
+ .gradient-text {
11
+ background: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
+ }
16
+ </style>
17
+ </head>
18
+ <body class="bg-gray-50 font-sans">
19
+ <!-- Navigation -->
20
+ <nav class="bg-white shadow-sm py-4">
21
+ <div class="container mx-auto px-4 flex justify-between items-center">
22
+ <a href="index.html" class="text-2xl font-bold gradient-text">Lovable</a>
23
+ <div class="flex items-center space-x-4">
24
+ <a href="index.html" class="hidden md:block px-4 py-2 text-gray-600 hover:text-indigo-600">
25
+ Back to Home
26
+ </a>
27
+ </div>
28
+ </div>
29
+ </nav>
30
+
31
+ <!-- Sign Up Form -->
32
+ <section class="py-20">
33
+ <div class="container mx-auto px-4 max-w-md">
34
+ <div class="bg-white rounded-xl shadow-md p-8">
35
+ <h2 class="text-3xl font-bold mb-8 text-center gradient-text">Create Account</h2>
36
+ <form>
37
+ <div class="mb-6">
38
+ <label class="block text-gray-700 mb-2" for="name">Full Name</label>
39
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
40
+ </div>
41
+ <div class="mb-6">
42
+ <label class="block text-gray-700 mb-2" for="email">Email</label>
43
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
44
+ </div>
45
+ <div class="mb-6">
46
+ <label class="block text-gray-700 mb-2" for="password">Password</label>
47
+ <input type="password" id="password" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500">
48
+ </div>
49
+ <button type="submit" class="w-full py-3 bg-indigo-600 text-white rounded-lg font-medium hover:bg-indigo-700 transition mb-4">
50
+ Create Account
51
+ </button>
52
+ <div class="mt-6 pt-6 border-t border-gray-200 text-center">
53
+ <p class="text-gray-600">Already have an account? <a href="signin.html" class="text-indigo-600 hover:text-indigo-800 font-medium">Sign in</a></p>
54
+ </div>
55
+ </form>
56
+ </div>
57
+ </div>
58
+ </section>
59
+
60
+ <script>
61
+ feather.replace();
62
+ </script>
63
+ </body>
64
+ </html>