gfds

neerajrekwar · Apr 2, 2024 · a8fa23b · a8fa23b
1 parent f5eb198
commit a8fa23b
Showing 1 changed file with 31 additions and 25 deletions.
diff --git a/form6.html b/form6.html
@@ -10,32 +10,38 @@
 <body>
     <main>
         <div class="grid h-screen bg-teal-50">
-            <div class="m-auto aspect-[4/3] w-[85vw] rounded-md border-slate-800 border p-2 sm:w-[75vw] md:w-[65vw] lg:w-[50vw]">
-              <form action="" method="post">
-                <fieldset class="w-[100%] gap-3 p-4 sm:flex">
-                  <label for="" class="w-[100%] text-sm font-bold text-slate-700"
-                    >First Name
-                    <input class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mb-5 mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-within:bg-blue-100 focus:bg-lime-50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50" type="text" name="firstname" id="" placeholder="Enter first name" />
-                  </label>
-                  <label for="" class="w-[100%] text-sm font-bold text-slate-700"
-                    >Last Name
-                    <input class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-lime-50 focus-visible:outline-none active:bg-blue-100 disabled:cursor-not-allowed disabled:opacity-50" type="text" name="lastname" id="" placeholder="Enter last name" />
-                  </label>
-                </fieldset>
-                <fieldset class="w-[100%] px-4 sm:flex">
-                  <label for="" class="w-[100%] text-sm font-bold text-slate-700"
-                    >Email
-                    <input class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mb-5 mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-lime-50 focus-visible:outline-none active:bg-blue-100 disabled:cursor-not-allowed disabled:opacity-50" type="text" name="lastname" id="" placeholder="Enter last name" />
-                  </label>
-                </fieldset>
-                <button class="relative top-[80%] p-[3px] px-4">
-                  <div class="inset-0 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-500" />
-                  <div class="group relative rounded-[6px] bg-black px-8 py-2 text-white transition duration-200 hover:bg-transparent">Lit up borders</div>
-                </button>
-              </form>
+            <div
+                class="m-auto aspect-[4/3] w-[85vw] rounded-md border-slate-800 border p-2 sm:w-[75vw] md:w-[65vw] lg:w-[50vw]">
+                <form action="" method="post">
+                    <fieldset class="w-[100%] gap-3 p-4 sm:flex">
+                        <label for="" class="w-[100%] text-sm font-bold text-slate-700">First Name
+                            <input
+                                class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mb-5 mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-within:bg-blue-100 focus:bg-lime-50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+                                type="text" name="firstname" id="" placeholder="Enter first name" />
+                        </label>
+                        <label for="" class="w-[100%] text-sm font-bold text-slate-700">Last Name
+                            <input
+                                class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-lime-50 focus-visible:outline-none active:bg-blue-100 disabled:cursor-not-allowed disabled:opacity-50"
+                                type="text" name="lastname" id="" placeholder="Enter last name" />
+                        </label>
+                    </fieldset>
+                    <fieldset class="w-[100%] px-4 sm:flex">
+                        <label for="" class="w-[100%] text-sm font-bold text-slate-700">Email
+                            <input
+                                class="font-normal border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring mb-5 mt-2 flex h-10 w-full rounded-sm border-lime-600 px-3 py-2 text-sm text-black ring-1 ring-[#242424] ring-offset-1 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:bg-lime-50 focus-visible:outline-none active:bg-blue-100 disabled:cursor-not-allowed disabled:opacity-50"
+                                type="text" name="lastname" id="" placeholder="Enter last name" />
+                        </label>
+                    </fieldset>
+                    <button class="relative top-[80%] p-[3px] px-4">
+                        <div class="inset-0 rounded-lg bg-gradient-to-r from-indigo-500 to-purple-500" />
+                        <div
+                            class="group relative rounded-[6px] bg-black px-8 py-2 text-white transition duration-200 hover:bg-transparent">
+                            Lit up borders</div>
+                    </button>
+                </form>
             </div>
-          </div>
-          
+        </div>
+
     </main>
 </body>