Merge pull request #15 from NaitikPatel-325/naitik

contact_form added
csiddu · Oct 15, 2023 · fee5ef0 · fee5ef0
2 parents b44784f + 9248605
commit fee5ef0
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/components/contact_form/index.html b/components/contact_form/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Form</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
+</head>
+<body class="bg-gray-200">
+    <div class="container mx-auto">
+        <div class="max-w-md mx-auto bg-white p-5 rounded shadow-md">
+            <h2 class="text-2xl font-semibold mb-5 ">Contact Form</h2>
+            <form>
+                <div class="mb-4">
+                    <label for="name" class="block text-gray-700 text-sm font-bold mb-2">Name</label>
+                    <input type="text" id="name" name="name" class="w-full py-2 px-3 border border-gray-300 rounded" placeholder="Naitik Patel" required>
+                </div>
+                <div class="mb-4">
+                    <label for="email" class="block text-gray-700 text-sm font-bold mb-2">Email</label>
+                    <input type="email" id="email" name="email" class="w-full py-2 px-3 border border-gray-300 rounded" placeholder="[email protected]" required>
+                </div>
+                <div class="mb-4">
+                    <label for="Subject" class="block text-gray-700 text-sm font-bold mb-2">Subject</label>
+                    <input type="Subject" id="Subject" name="Subject" class="w-full py-2 px-3 border border-gray-300 rounded" placeholder="Your Subject Here" required>
+                </div>
+                <div class="mb-4">
+                    <label for="message" class="block text-gray-700 text-sm font-bold mb-2">Message</label>
+                    <textarea id="message" name="message" class="w-full py-2 px-3 border border-gray-300 rounded" rows="4" placeholder="Your message here" required></textarea>
+                </div>
+                <button type="submit" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 focus:outline-none focus:ring focus:border-blue-300">Submit</button>
+            </form>
+        </div>
+    </div>
+</body>
+</html>