Merge pull request #864 from 31Rishita/indexpage

Indexpage
ankit071105 · Nov 1, 2024 · af5878a · af5878a
2 parents 893ba75 + 729a4aa
commit af5878a
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -739,14 +739,19 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
 
         <!-- Right Section (Contact Form) -->
         <div class="contact-form" style="display: flex; align-items: center; justify-content: center; width: 100%;">
-            <form style="width: 100%;">
+            <form style="width: 100%; max-width: 600px; margin: 0 auto; padding: 20px;">
                 <div style="display: flex; gap: 30px; margin-bottom: 20px; margin-top: 50px;">
-                    <input type="text" placeholder="Name" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
-                    <input type="email" placeholder="Email" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
+                    <input type="text" placeholder="Name" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
+                    <input type="email" placeholder="Email" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
                 </div>
-                <input type="text" placeholder="Subject" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
-                <textarea placeholder="Message" rows="4" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;"></textarea>
-                <button type="submit" style="width: 100%; padding: 10px; background: linear-gradient(135deg, hsl(204, 75%, 50%), #079874); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">Send Message</button>
+
+                <input type="text" placeholder="Subject" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
+
+                <textarea placeholder="Message"  rows="3" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;"></textarea>
+
+                <button type="submit" style="width: 100%; padding: 12px; background: linear-gradient(135deg, hsl(204, 75%, 50%), #079874); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">
+                    Send Message
+                </button>
             </form>
         </div>
     </div>