Form updated

Edfoal · Feb 12, 2024 · 54ed1c7 · 54ed1c7
1 parent 0ef6480
commit 54ed1c7
Show file tree

Hide file tree

Showing 3 changed files with 390 additions and 95 deletions.
diff --git a/form.html b/form.html
@@ -15,10 +15,22 @@
             max-width: 600px;
             margin: 0 auto;
         }
+        h3 {
+    font-size: 1.5em; /* Adjust the font size for heading tags */
+    font-weight: bold;
+    color: #091E3E;
+}
 
         .form-group {
             margin-bottom: 15px;
         }
+        label {
+    display: block;
+    margin-bottom: 5px;
+    font-weight: bold; /* Adjust the font weight for label tags */
+    color: #091E3E; /* Adjust the color for label tags */
+}
+
 
         .form-group label {
             display: block;
@@ -31,12 +43,19 @@
             padding: 8px;
             border: 1px solid #ccc;
             border-radius: 4px;
+            transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
         }
 
         .form-group textarea {
             resize: vertical;
         }
 
+        .form-group input:focus,
+        .form-group textarea:focus {
+            border-color: #091E3E;
+            box-shadow: 0 0 5px rgba(9, 30, 62, 0.5);
+        }
+
         .form-group button {
             background-color: #4CAF50;
             color: white;
@@ -187,19 +206,19 @@ <h3>Relevant document upload</h3>
     <script>
         var form = document.getElementById('sheetdb-form');
         form.addEventListener("submit", e => {
-          e.preventDefault();
-          fetch(form.action, {
-                  method : "POST",
-                  body: new FormData(document.getElementById("sheetdb-form")),
-              }).then(
-                  response => response.json()
-              ).then((html) => {
+            e.preventDefault();
+            fetch(form.action, {
+                method: "POST",
+                body: new FormData(document.getElementById("sheetdb-form")),
+            }).then(
+                response => response.json()
+            ).then((html) => {
                 // you can put any JS code here
                 document.location.href = "https://www.example.com/thank-you.html";
-              });
+            });
         });
     </script>
-    
+
 </body>
 
 </html>
diff --git a/index.html b/index.html
@@ -899,6 +899,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <p class="mb-0">[email protected]</p>
                                 </a>
                             </div>
+                            <div class="d-flex mb-2">
+                                <i class="bi bi-envelope-open text-primary me-2"></i>
+                                <a href="mailto:[email protected]">
+                                    <p class="mb-0">[email protected]</p>
+                                </a>
+                            </div>
                             <!-- <div class="d-flex mb-2">
                                 <i class="bi bi-telephone text-primary me-2"></i>
                                 <p class="mb-0">+012 345 67890</p>