diff --git a/form.html b/form.html
index 9b52a66..9356128 100644
--- 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>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9cd6079..c294922 100644
--- a/index.html
+++ b/index.html
@@ -899,6 +899,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <p class="mb-0">info@edfoal.com</p>
                                 </a>
                             </div>
+                            <div class="d-flex mb-2">
+                                <i class="bi bi-envelope-open text-primary me-2"></i>
+                                <a href="mailto:info@edfoal.com">
+                                    <p class="mb-0">info@edfoal.com</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>
diff --git a/quotes.html b/quotes.html
index 67c4610..feb7ad0 100644
--- a/quotes.html
+++ b/quotes.html
@@ -14,7 +14,92 @@
     <!-- Google Web Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link
+        href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap"
+        rel="stylesheet">
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+        }
+
+        .form-container {
+            width: 100%;
+            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: ; Adjust the font weight for label tags */
+            color: #091E3E;
+            /* Adjust the color for label tags */
+        }
+
+
+        .form-group label {
+            display: block;
+            margin-bottom: 5px;
+        }
+
+        .form-group input,
+        .form-group textarea {
+            width: 100%;
+            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;
+            padding: 10px 20px;
+            border: none;
+            cursor: pointer;
+            width: 100%;
+            margin-top: 15px;
+        }
+
+        .form-group button:hover {
+            background-color: #45a049;
+        }
+
+        .hidden {
+            display: none;
+        }
+        #expandFormButton {
+            background-color: #3498db;
+            color: white;
+            text-decoration: none;
+            padding: 8px 15px;
+            border-radius: 4px;
+            display: inline-block;
+            margin-top: 15px;
+            cursor: pointer;
+        }
+    </style>
 
     <!-- Icon Font Stylesheet -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
@@ -33,7 +118,8 @@
 
 <body>
     <!-- Spinner Start -->
-    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
+    <div id="spinner"
+        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
         <div class="spinner"></div>
     </div>
     <!-- Spinner End -->
@@ -69,7 +155,8 @@
             <a href="index.html" class="navbar-brand p-0">
                 <h1 class="m-0">
                     <!-- <i class="fa fa-user-tie me-2"></i> -->
-                    EdFoal AI</h1>
+                    EdFoal AI
+                </h1>
             </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                 <span class="fa fa-bars"></span>
@@ -99,7 +186,7 @@ <h1 class="m-0">
                     </div> -->
                     <a href="contact.html" class="nav-item nav-link active">Contact</a>
                 </div>
-                
+
             </div>
         </nav>
 
@@ -122,11 +209,13 @@ <h1 class="display-4 text-white animated zoomIn">Lead Query</h1>
         <div class="modal-dialog modal-fullscreen">
             <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
                 <div class="modal-header border-0">
-                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal"
+                        aria-label="Close"></button>
                 </div>
                 <div class="modal-body d-flex align-items-center justify-content-center">
                     <div class="input-group" style="max-width: 600px;">
-                        <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
+                        <input type="text" class="form-control bg-transparent border-primary p-3"
+                            placeholder="Type search keyword">
                         <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
                     </div>
                 </div>
@@ -140,7 +229,7 @@ <h1 class="display-4 text-white animated zoomIn">Lead Query</h1>
     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
         <div class="container py-5">
             <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
-                <h5 class="fw-bold text-primary text-uppercase">Lead Query Form</h5>
+                <h5 class="fw-bold text-primary text-uppercase">Ask Query</h5>
                 <h1 class="mb-0">If You Have Any Query, Feel Free To Fill The Form</h1>
             </div>
             <div class="row g-5 mb-5">
@@ -155,31 +244,178 @@ <h4 class="text-primary mb-0">+012 345 6789</h4>
                         </div> -->
                     </div>
                 </div>
-                <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeJNdY8i4K-qG-J1y4zD7YwIuVDH-PF10XuUxXUmwmzTTtILQ/viewform?embedded=true" width="700" height="700" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+                <form id="ai-solutions-form" action="https://sheetdb.io/api/v1/goq2oh0pijjd6" method="post"
+                    id="sheetdb-form">
+                    <h3>Contact Information</h3>
+                    <div class="form-group">
+                        <label for="full-name">Full Name</label>
+                        <input type="text" id="full-name" name="data[full-name]" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="email">Email Address</label>
+                        <input type="email" id="email" name="data[email]" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="phone">Phone Number</label>
+                        <input type="tel" id="phone" name="data[phone]" required>
+                    </div>
+                    <div class="form-group">
+                        <label for="company-name">Company Name (if applicable)</label>
+                        <input type="text" id="company-name" name="data[company-name]">
+                    </div>
+                    <div class="form-group">
+                        <label for="position">Position/Role (if applicable)</label>
+                        <input type="text" id="position" name="data[position]">
+                    </div>
+                    <hr>
+                    <h3>Inquiry Details</h3>
+                    <div class="form-group">
+                        <label for="business-description">Describe your business or project briefly.</label>
+                        <textarea id="business-description" name="business-description" rows="3"></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="ai-solutions">What specific AI-based solutions or services are you interested
+                            in?</label>
+                        <textarea id="ai-solutions" name="ai-solutions" rows="3"></textarea>
+                    </div>
+                    <hr>
+                    <h3>Project Scope</h3>
+                    <div class="form-group">
+                        <label for="main-goal">What is the main goal or objective of your project?</label>
+                        <textarea id="main-goal" name="main-goal" rows="3"></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label for="specific-problem">Do you have a specific problem or challenge that you want the AI
+                            solution
+                            to address?</label>
+                        <textarea id="specific-problem" name="specific-problem" rows="3"></textarea>
+                    </div>
+                    <hr>
+                    
+                    <a id="expandFormButton" href="#">
+                        Expand Form
+                    </a>
+                    <div class="hidden">
+                        <h3>Timeline</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">What is your expected timeline for starting and completing
+                                the
+                                project?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="expected-timeline">Are there any specific deadlines or milestones you need to
+                                meet?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3> Budget</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Do you have a budget range allocated for this
+                                project?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Technical Requirements</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Are there any specific technical requirements or integrations
+                                you need
+                                for the AI solution?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="expected-timeline">Do you have any preferences regarding the technology stack or
+                                platforms
+                                to be used?
+                            </label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Previous Experience</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Have you implemented AI solutions in your business
+                                before?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="expected-timeline">If yes, please share your previous experiences and outcomes.
+                            </label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Competitor Analysis</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Are there any competitors using similar AI solutions that you
+                                find
+                                noteworthy?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="expected-timeline">What sets your business apart from competitors in terms of AI
+                                implementation?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Data Availability</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Do you currently have the necessary data for implementing AI
+                                solutions,
+                                or will data acquisition be part of the project?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Legal and Ethical Considerations</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Are there any legal or ethical considerations that should be
+                                taken into
+                                account in the development of the AI solution?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Additional Comments or Questions</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Is there anything else you would like to share or ask about
+                                your
+                                project?</label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                        <hr>
+                        <h3>Relevant document upload</h3>
+                        <div class="form-group">
+                            <label for="expected-timeline">Like Project Scope Document
+                            </label>
+                            <textarea id="expected-timeline" name="expected-timeline" rows="3"></textarea>
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <button type="submit">Submit</button>
+                    </div>
+                </form>
                 <!-- <div class="col-lg-4">
                     <div class="d-flex align-items-center wow fadeIn" data-wow-delay="0.4s">
                         <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
                             <i class="fa fa-envelope-open text-white"></i>
                         </div>
                         <div class="ps-4"> -->
-                            <!-- <h5 class="mb-2">Email to get free quote</h5> -->
-                            <!-- <a href="mailto:info@edfoal.com"><h4 class="text-primary mb-0">info@edfoal.com</h4></a>
+                <!-- <h5 class="mb-2">Email to get free quote</h5> -->
+                <!-- <a href="mailto:info@edfoal.com"><h4 class="text-primary mb-0">info@edfoal.com</h4></a>
                         </div>
                     </div>
                 </div> -->
                 <!-- <div class="col-lg-4">
                     <div class="d-flex align-items-center wow fadeIn" data-wow-delay="0.8s"> -->
-                        <!-- <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
+                <!-- <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
                             <i class="fa fa-map-marker-alt text-white"></i>
                         </div> -->
-                        <!-- <div class="ps-4">
+                <!-- <div class="ps-4">
                             <h5 class="mb-2">Visit our office</h5>
                             <h4 class="text-primary mb-0">123 Street, NY, USA</h4>
                         </div> -->
-                    <!-- </div>
+                <!-- </div>
                 </div>
             </div> -->
-            <!-- <div class="row g-5">
+                <!-- <div class="row g-5">
                 <div class="col-lg-6 wow slideInUp" data-wow-delay="0.3s">
                     <form>
                         <div class="row g-3">
@@ -208,13 +444,13 @@ <h4 class="text-primary mb-0">123 Street, NY, USA</h4>
                         tabindex="0"></iframe>
                 </div>
             </div> -->
+            </div>
         </div>
-    </div>
-    <!-- Contact End -->
+        <!-- Contact End -->
 
 
-    <!-- Vendor Start -->
-    <!-- <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
+        <!-- Vendor Start -->
+        <!-- <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
         <div class="container py-5 mb-5">
             <div class="bg-white">
                 <div class="owl-carousel vendor-carousel">
@@ -231,55 +467,61 @@ <h4 class="text-primary mb-0">123 Street, NY, USA</h4>
             </div>
         </div>
     </div> -->
-    <!-- Vendor End -->
-    
-
-    <!-- Footer Start -->
-    <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
-        <div class="container">
-            <div class="row gx-5">
-                <div class="col-lg-4 col-md-6 footer-about">
-                    <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
-                        <a href="index.html" class="navbar-brand">
-                            <h1 class="m-0 text-white">
-                                <!-- <i class="fa fa-user-tie me-2"></i> -->
-                                EdFoal AI</h1>
-                        </a>
-                        <p class="mt-3 mb-4">At EdFoal AI, we're revolutionizing businesses through the power of AI. Our mission is to transform how companies operate, leveraging artificial intelligence to automate tasks, improve efficiency, and elevate customer experiences.</p>
-                        <!-- <form action="">
+        <!-- Vendor End -->
+
+
+        <!-- Footer Start -->
+        <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
+            <div class="container">
+                <div class="row gx-5">
+                    <div class="col-lg-4 col-md-6 footer-about">
+                        <div
+                            class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
+                            <a href="index.html" class="navbar-brand">
+                                <h1 class="m-0 text-white">
+                                    <!-- <i class="fa fa-user-tie me-2"></i> -->
+                                    EdFoal AI
+                                </h1>
+                            </a>
+                            <p class="mt-3 mb-4">At EdFoal AI, we're revolutionizing businesses through the power of AI.
+                                Our mission is to transform how companies operate, leveraging artificial intelligence to
+                                automate tasks, improve efficiency, and elevate customer experiences.</p>
+                            <!-- <form action="">
                             <div class="input-group">
                                 <input type="text" class="form-control border-white p-3" placeholder="Your Email">
                                 <button class="btn btn-dark">Sign Up</button>
                             </div>
                         </form> -->
+                        </div>
                     </div>
-                </div>
-                <div class="col-lg-8 col-md-6">
-                    <div class="row gx-5">
-                        <div class="col-lg-4 col-md-12 pt-5 mb-5">
-                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
-                                <h3 class="text-light mb-0">Get In Touch</h3>
-                            </div>
-                            <!-- <div class="d-flex mb-2">
+                    <div class="col-lg-8 col-md-6">
+                        <div class="row gx-5">
+                            <div class="col-lg-4 col-md-12 pt-5 mb-5">
+                                <div class="section-title section-title-sm position-relative pb-3 mb-4">
+                                    <h3 class="text-light mb-0">Get In Touch</h3>
+                                </div>
+                                <!-- <div class="d-flex mb-2">
                                 <i class="bi bi-geo-alt text-primary me-2"></i>
                                 <p class="mb-0">123 Street, New York, USA</p>
                             </div> -->
-                            <div class="d-flex mb-2">
-                                <i class="bi bi-envelope-open text-primary me-2"></i>
-                                <a href="mailto:info@edfoal.com"><p class="mb-0">info@edfoal.com</p></a>
-                            </div>
-                            <!-- <div class="d-flex mb-2">
+                                <div class="d-flex mb-2">
+                                    <i class="bi bi-envelope-open text-primary me-2"></i>
+                                    <a href="mailto:info@edfoal.com">
+                                        <p class="mb-0">info@edfoal.com</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>
                             </div> -->
-                            <!-- <div class="d-flex mt-4">
+                                <!-- <div class="d-flex mt-4">
                                 <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
                                 <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
                                 <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
                                 <a class="btn btn-primary btn-square" href="#"><i class="fab fa-instagram fw-normal"></i></a>
                             </div> -->
-                        </div>
-                        <!-- <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
+                            </div>
+                            <!-- <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                             <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                 <h3 class="text-light mb-0">Quick Links</h3>
                             </div>
@@ -292,57 +534,85 @@ <h3 class="text-light mb-0">Quick Links</h3>
                                 <a class="text-light" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
                             </div>
                         </div> -->
-                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
-                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
-                                <h3 class="text-light mb-0">Popular Links</h3>
-                            </div>
-                            <div class="link-animated d-flex flex-column justify-content-start">
-                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
-                                <a class="text-light mb-2" href="about.html"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
-                                <a class="text-light mb-2" href="service.html"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
-                                <a class="text-light mb-2" href="usecase/usecase.html"><i class="bi bi-arrow-right text-primary me-2"></i>Usecase</a>
-                                <!-- <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog</a> -->
-                                <a class="text-light" href="contact.html"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
+                            <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
+                                <div class="section-title section-title-sm position-relative pb-3 mb-4">
+                                    <h3 class="text-light mb-0">Popular Links</h3>
+                                </div>
+                                <div class="link-animated d-flex flex-column justify-content-start">
+                                    <a class="text-light mb-2" href="#"><i
+                                            class="bi bi-arrow-right text-primary me-2"></i>Home</a>
+                                    <a class="text-light mb-2" href="about.html"><i
+                                            class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
+                                    <a class="text-light mb-2" href="service.html"><i
+                                            class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
+                                    <a class="text-light mb-2" href="usecase/usecase.html"><i
+                                            class="bi bi-arrow-right text-primary me-2"></i>Usecase</a>
+                                    <!-- <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog</a> -->
+                                    <a class="text-light" href="contact.html"><i
+                                            class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <div class="container-fluid text-white" style="background: #061429;">
-        <div class="container text-center">
-            <div class="row justify-content-end">
-                <div class="col-lg-8 col-md-6">
-                    <div class="d-flex align-items-center justify-content-center" style="height: 75px;">
-                        <p class="mb-0">&copy; <a class="text-white border-bottom" href="#">EdFoal</a>. All Rights Reserved. 
-						
-						<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
-						<!-- Designed by <a class="text-white border-bottom" href="">HTML Codex</a> -->
-                    </p>
+        <div class="container-fluid text-white" style="background: #061429;">
+            <div class="container text-center">
+                <div class="row justify-content-end">
+                    <div class="col-lg-8 col-md-6">
+                        <div class="d-flex align-items-center justify-content-center" style="height: 75px;">
+                            <p class="mb-0">&copy; <a class="text-white border-bottom" href="#">EdFoal</a>. All Rights
+                                Reserved.
+
+                                <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
+                                <!-- Designed by <a class="text-white border-bottom" href="">HTML Codex</a> -->
+                            </p>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
-    <!-- Footer End -->
+        <!-- Footer End -->
 
 
-    <!-- Back to Top -->
-    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
+        <!-- Back to Top -->
+        <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>
 
+        <script>
+            var form = document.getElementById('sheetdb-form');
+            document.addEventListener("DOMContentLoaded", function () {
+                const showFullFormButton = document.getElementById("showFullFormButton");
+                const fullForm = document.getElementById("ai-solutions-form");
 
-    <!-- JavaScript Libraries -->
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="lib/wow/wow.min.js"></script>
-    <script src="lib/easing/easing.min.js"></script>
-    <script src="lib/waypoints/waypoints.min.js"></script>
-    <script src="lib/counterup/counterup.min.js"></script>
-    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
+                showFullFormButton.addEventListener("click", function () {
+                    fullForm.classList.toggle("hidden");
+                });
+            });
+            form.addEventListener("submit", e => {
+                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>
+        <!-- JavaScript Libraries -->
+        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
+        <script src="lib/wow/wow.min.js"></script>
+        <script src="lib/easing/easing.min.js"></script>
+        <script src="lib/waypoints/waypoints.min.js"></script>
+        <script src="lib/counterup/counterup.min.js"></script>
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
 
-    <!-- Template Javascript -->
-    <script src="js/main.js"></script>
+        <!-- Template Javascript -->
+        <script src="js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file