Merge pull request #968 from Anu142004/hoover_effect

contactus page with the new look
ankit071105 · Nov 10, 2024 · 12a7b05 · 12a7b05
2 parents 7e62a76 + 4bc26ce
commit 12a7b05
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/contactus.html b/contactus.html
@@ -138,7 +138,7 @@
 
         /* Main Content */
         .contact-form {
-            background-color: #fff;
+            background-color: #ffffff;
             padding: 40px;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
             border-radius: 10px;
@@ -148,7 +148,7 @@
 
         .contact-form h2 {
             margin-bottom: 20px;
-            color: #2e3b4e;
+            color: #2e4e37;
             text-align: center;
             font-weight: bold;
         }
@@ -257,7 +257,7 @@
 
         .form-group input:focus, .form-group textarea:focus {
             border-color: #ff8c00;
-            background-color: #fff;
+            background-color: #ffffff;
         }
 
         .form-group label {
@@ -717,12 +717,12 @@ <h4>FIND US</h4>
       text-decoration: none;
     }
     .social-icons a:hover {
-      color: #76b2ab;
+      color: #f6b40e;
     }
 
     /* Contact Form Styling */
     .contact-form {
-        background-color: #f0f4f8;
+        background-color: #fa9c06;
         padding: 40px;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
         border-radius: 10px;
@@ -749,17 +749,17 @@ <h4>FIND US</h4>
         padding: 16px 12px;
         font-size: 16px;
         color: #3a506b;
-        background: #e6f0fa;
-        border: 1px solid #b3c7d6;
+        background: #122334;
+        border: 1px solid #040404;
         border-radius: 5px;
         outline: none;
         transition: 0.3s border-color ease-in-out;
     }
 
     .form-group input:focus,
     .form-group textarea:focus {
-        border-color: #5c91ad;
-        background-color: #ffffff;
+        border-color: #101010;
+        background-color: #f0edf8;
     }
 
     .form-group label {
@@ -858,14 +858,26 @@ <h4>FIND US</h4>
         left: 8px;
         font-size: 12px;
         background-color: #f0f4f8;
-        color: #5c91ad;
+        color: #050505;
         padding: 0 5px;
         border-radius: 3px;
     }
 
     /* Submit Button */
-    
+    /*
     .submit-btn {
+
+        background-color: #122334 ;
+        color: #fff;
+        border: none;
+        padding: 14px 20px;
+        font-size: 18px;
+        cursor: pointer;
+        transition: all 0.3s;
+        width: 100%;
+        border-radius: 5px;
+        font-weight: bold;
+
         background-color: #ff4d4d;
       border: 2px solid #ff4d4d;
       color: white;
@@ -879,12 +891,14 @@ <h4>FIND US</h4>
       cursor: pointer;
       font-size: 1.25rem;
       margin-top: 30px;
+
     }
 
     .submit-btn:hover {
         background-color: transparent;
       color: #ff4d4d;
     }
+*/
     
 
     /* General Footer Styling */