From af06c68f8c18d1e748271b33a4095ef9d48a84a6 Mon Sep 17 00:00:00 2001
From: Shiitu <sk702703@gmail.com>
Date: Tue, 13 Feb 2024 20:30:27 +0530
Subject: [PATCH] complete form added

---
 about.html                             |   6 +
 contact.html                           |  17 ++
 form.html                              |  82 ++++++--
 index.html                             |   4 +-
 quotes.html                            | 260 ++++++++++++++-----------
 service.html                           |   6 +
 test.html                              | 217 +++++++++++++++++++++
 thankyou.html                          | 223 +++++++++++++++++++++
 usecase/customer.html                  |   8 +-
 usecase/customerdetail1.html           |  14 +-
 usecase/customerdetail2.html           |  14 +-
 usecase/customerdetail3.html           |  14 +-
 usecase/edcation.html                  |   8 +-
 usecase/educationdetail1.html          |  14 +-
 usecase/educationdetail2.html          |  14 +-
 usecase/educationdetail3.html          |  14 +-
 usecase/finance.html                   |  14 +-
 usecase/financedetail1.html            |  14 +-
 usecase/financedetail2.html            |  14 +-
 usecase/financedetail3.html            |  14 +-
 usecase/logistic.html                  |  14 +-
 usecase/logisticdetail1.html           |  14 +-
 usecase/logisticdetail2.html           |  14 +-
 usecase/manufacturingfirms.html        |  14 +-
 usecase/manufacturingfirmsdetail1.html |  14 +-
 usecase/manufacturingfirmsdetail2.html |  14 +-
 usecase/manufacturingfirmsdetail3.html |  14 +-
 usecase/realesate.html                 |  14 +-
 usecase/realestatedetail1.html         |  14 +-
 usecase/realestatedetail2.html         |  14 +-
 usecase/realestatedetail3.html         |  14 +-
 usecase/retail.html                    |  14 +-
 usecase/retaildetail1.html             |  14 +-
 usecase/retaildetail2.html             |  14 +-
 usecase/retaildetail3.html             |  14 +-
 usecase/socialmedia.html               |  14 +-
 usecase/socialmediadetail1.html        |  14 +-
 usecase/socialmediadetail2.html        |  14 +-
 usecase/usecase.html                   |   6 +
 39 files changed, 978 insertions(+), 251 deletions(-)
 create mode 100644 test.html
 create mode 100644 thankyou.html

diff --git a/about.html b/about.html
index 47e1709..28a5ee6 100644
--- a/about.html
+++ b/about.html
@@ -297,6 +297,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                 <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-search text-primary me-2"></i>
+                                <a href="quotes.html">
+                                    <p class="mb-0">Ask Queries</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/contact.html b/contact.html
index 95fe6ae..386547f 100644
--- a/contact.html
+++ b/contact.html
@@ -166,6 +166,17 @@ <h4 class="text-primary mb-0">+012 345 6789</h4>
                         </div>
                     </div>
                 </div>
+                <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-search text-white"></i>
+                        </div>
+                        <div class="ps-4">
+                            <!-- <h5 class="mb-2">Email to get free quote</h5> -->
+                            <a href="quotes.html"><h4 class="text-primary mb-0">Ask Queries</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;">
@@ -267,6 +278,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                 <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-search text-primary me-2"></i>
+                                <a href="quotes.html">
+                                    <p class="mb-0">Ask Queries</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/form.html b/form.html
index d0a5fb1..6d71754 100644
--- a/form.html
+++ b/form.html
@@ -93,32 +93,66 @@
             /* overflow: hidden; */
             /* background-color: #f1f1f1; */
         }
+
+        .popup {
+            position: fixed;
+            z-index: 1;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            overflow: auto;
+            background-color: rgba(0, 0, 0, 0.4);
+            display: none;
+        }
+
+        .popup-content {
+            background-color: white;
+            margin: 10% auto;
+            padding: 20px;
+            border: 1px solid #888888;
+            width: 30%;
+            font-weight: bolder;
+        }
+
+        .popup-content button {
+            display: block;
+            margin: 0 auto;
+        }
+
+        .show {
+            display: block;
+        }
+
+        h1 {
+            color: green;
+        }
     </style>
 </head>
 
 <body>
     <div class="form-container">
-        <form id="ai-solutions-form" action="https://sheetdb.io/api/v1/goq2oh0pijjd6" method="post" id="sheetdb-form">
+        <form id="ai-solutions-form" name="submit-to-google-sheet" 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>
+                <input type="text" id="full-name" name="full-name" required>
             </div>
             <div class="form-group">
                 <label for="email">Email Address</label>
-                <input type="email" id="email" name="data[email]" required>
+                <input type="email" id="email" name="email" required>
             </div>
             <div class="form-group">
                 <label for="phone">Phone Number</label>
-                <input type="tel" id="phone" name="data[phone]" required>
+                <input type="tel" id="phone" name="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]">
+                <input type="text" id="company-name" name="company-name">
             </div>
             <div class="form-group">
                 <label for="position">Position/Role (if applicable)</label>
-                <input type="text" id="position" name="data[position]">
+                <input type="text" id="position" name="position">
             </div>
             <hr>
             <h3>Inquiry Details</h3>
@@ -142,7 +176,9 @@ <h3>Project Scope</h3>
                 <textarea id="specific-problem" name="specific-problem" rows="3"></textarea>
             </div>
             <hr>
-            <button type="button" class="collapsible"><center>Open Collapsible</center></button>
+            <button type="button" class="collapsible">
+                <center>Open Collapsible</center>
+            </button>
             <div class="content">
                 <h3>Timeline</h3>
                 <div class="form-group">
@@ -237,6 +273,7 @@ <h3>Relevant document upload</h3>
         </form>
     </div>
     <script>
+
         var coll = document.getElementsByClassName("collapsible");
         var i;
 
@@ -251,19 +288,26 @@ <h3>Relevant document upload</h3>
                 }
             });
         }
-        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) => {
-                // you can put any JS code here
-                document.location.href = "https://www.example.com/thank-you.html";
-            });
+
+        const msg = document.getElementById('msg')
+        const scriptURL = 'https://script.google.com/macros/s/AKfycbxfGjN_d0EXSQw-8Q3FmVAEAzignyuxvuP18WnJjPP3UpB6tS2ELs0ZIov4K-W8p9ka/exec'
+        const form = document.forms['submit-to-google-sheet']
+
+
+        form.addEventListener('submit', e => {
+    e.preventDefault();
+    fetch(scriptURL, { method: 'POST', body: new FormData(form) })
+        .then(response => {
+            console.log('Success!', response);
+            // Redirect to https://edfoal.com/ after successful submission
+            window.location.href = 'https://edfoal.com/';
+        })
+        .catch(error => {
+            console.error('Error!', error.message);
+            // Handle error if needed
         });
+});
+
     </script>
 
 </body>
diff --git a/index.html b/index.html
index 98fe8cd..f16db39 100644
--- a/index.html
+++ b/index.html
@@ -899,12 +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">
+                            <div class="d-flex mb-2">
                                 <i class="bi bi-search text-primary me-2"></i>
                                 <a href="quotes.html">
                                     <p class="mb-0">Ask Queries</p>
                                 </a>
-                            </div> -->
+                            </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 cb867f0..48138f0 100644
--- a/quotes.html
+++ b/quotes.html
@@ -17,95 +17,95 @@
     <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: 400w; */
-                /* 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: #091E3E;
-                color: white;
-                padding: 10px 20px;
-                border: none;
-                cursor: pointer;
-                width: 100%;
-                margin-top: 15px;
-            }
-    
-            .form-group button:hover {
-                background-color: #091E3E;
-            }
-    
-            .collapsible {
-                /* background-color: #eee; */
-                /* color: #444; */
-                cursor: pointer;
-                /* padding: 18px; */
-                /* width: 100%; */
-                border: none;
-                /* text-align: left; */
-                /* outline: none; */
-                font-size: 16px;
-            }
-    
-            .content {
-                /* padding: 0 18px; */
-                display: none;
-                /* overflow: hidden; */
-                /* background-color: #f1f1f1; */
-            }
-        </style>
+    <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: 400w; */
+            /* 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: #091E3E;
+            color: white;
+            padding: 10px 20px;
+            border: none;
+            cursor: pointer;
+            width: 100%;
+            margin-top: 15px;
+        }
+
+        .form-group button:hover {
+            background-color: #091E3E;
+        }
+
+        .collapsible {
+            /* background-color: #eee; */
+            /* color: #444; */
+            cursor: pointer;
+            /* padding: 18px; */
+            /* width: 100%; */
+            border: none;
+            /* text-align: left; */
+            /* outline: none; */
+            font-size: 16px;
+        }
+
+        .content {
+            /* padding: 0 18px; */
+            display: none;
+            /* overflow: hidden; */
+            /* background-color: #f1f1f1; */
+        }
+    </style>
 
     <!-- Icon Font Stylesheet -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
@@ -251,7 +251,8 @@ <h4 class="text-primary mb-0">+012 345 6789</h4>
                     </div>
                 </div>
                 <div class="form-container">
-                    <form id="ai-solutions-form" action="https://sheetdb.io/api/v1/goq2oh0pijjd6" method="post" id="sheetdb-form">
+                    <form id="ai-solutions-form" name="submit-to-google-sheet" method="post"
+                        id="sheetdb-form">
                         <h3>Contact Information</h3>
                         <div class="form-group">
                             <label for="full-name">Full Name</label>
@@ -277,10 +278,12 @@ <h3>Contact Information</h3>
                         <h3>Inquiry Details</h3>
                         <div class="form-group">
                             <label for="business-description">Describe your business or project briefly.</label>
-                            <textarea id="business-description" name="data[business-description]" rows="3" required></textarea>
+                            <textarea id="business-description" name="data[business-description]" rows="3"
+                                required></textarea>
                         </div>
                         <div class="form-group">
-                            <label for="ai-solutions">What specific AI-based solutions or services are you interested in?</label>
+                            <label for="ai-solutions">What specific AI-based solutions or services are you interested
+                                in?</label>
                             <textarea id="ai-solutions" name="data[ai-solutions]" rows="3" required></textarea>
                         </div>
                         <hr>
@@ -290,16 +293,20 @@ <h3>Project Scope</h3>
                             <textarea id="main-goal" name="data[main-goal]" rows="3" required></textarea>
                         </div>
                         <div class="form-group">
-                            <label for="specific-problem">Do you have a specific problem or challenge that you want the AI solution
+                            <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="data[specific-problem]" rows="3" required></textarea>
                         </div>
-                        <a class="collapsible"><center>Add More Detail</center></a>
+                        <a class="collapsible">
+                            <center>Add More Detail</center>
+                        </a>
                         <div class="content">
                             <hr>
                             <h3>Timeline</h3>
                             <div class="form-group">
-                                <label for="expected-timeline">What is your expected timeline for starting and completing the
+                                <label for="expected-timeline">What is your expected timeline for starting and
+                                    completing the
                                     project?</label>
                                 <textarea id="expected-timeline" name="data[expected-timeline]" rows="3"></textarea>
                             </div>
@@ -317,41 +324,48 @@ <h3> Budget</h3>
                             <hr>
                             <h3>Technical Requirements</h3>
                             <div class="form-group">
-                                <label for="specific-technical">Are there any specific technical requirements or integrations you need for the AI solution?</label>
+                                <label for="specific-technical">Are there any specific technical requirements or
+                                    integrations you need for the AI solution?</label>
                                 <textarea id="specific-technical" name="data[specific-technical]" rows="3"></textarea>
                             </div>
                             <div class="form-group">
-                                <label for="techstack">Do you have any preferences regarding the technology stack or platforms to be used?
+                                <label for="techstack">Do you have any preferences regarding the technology stack or
+                                    platforms to be used?
                                 </label>
                                 <textarea id="techstack" name="data[techstack]" rows="3"></textarea>
                             </div>
                             <hr>
                             <h3>Previous Experience</h3>
                             <div class="form-group">
-                                <label for="previous-experience">Have you implemented AI solutions in your business before?</label>
+                                <label for="previous-experience">Have you implemented AI solutions in your business
+                                    before?</label>
                                 <textarea id="previous-experience" name="data[previous-experience]" rows="3"></textarea>
                             </div>
                             <div class="form-group">
-                                <label for="previous-outcome">If yes, please share your previous experiences and outcomes.
+                                <label for="previous-outcome">If yes, please share your previous experiences and
+                                    outcomes.
                                 </label>
                                 <textarea id="previous-outcome" name="data[previous-outcome]" rows="3"></textarea>
                             </div>
                             <hr>
                             <h3>Competitor Analysis</h3>
                             <div class="form-group">
-                                <label for="other-competitor">Are there any competitors using similar AI solutions that you find
+                                <label for="other-competitor">Are there any competitors using similar AI solutions that
+                                    you find
                                     noteworthy?</label>
                                 <textarea id="other-competitor" name="data[other-competitor]" rows="3"></textarea>
                             </div>
                             <div class="form-group">
-                                <label for="other-competitor-2">What sets your business apart from competitors in terms of AI
+                                <label for="other-competitor-2">What sets your business apart from competitors in terms
+                                    of AI
                                     implementation?</label>
                                 <textarea id="other-competitor-2" name="data[other-competitor-2]" rows="3"></textarea>
                             </div>
                             <hr>
                             <h3>Data Availability</h3>
                             <div class="form-group">
-                                <label for="data-availability">Do you currently have the necessary data for implementing AI
+                                <label for="data-availability">Do you currently have the necessary data for implementing
+                                    AI
                                     solutions,
                                     or will data acquisition be part of the project?</label>
                                 <textarea id="data-availability" name="data[data-availability]" rows="3"></textarea>
@@ -367,7 +381,8 @@ <h3>Legal and Ethical Considerations</h3>
                             <hr>
                             <h3>Additional Comments or Questions</h3>
                             <div class="form-group">
-                                <label for="additional-comment">Is there anything else you would like to share or ask about your
+                                <label for="additional-comment">Is there anything else you would like to share or ask
+                                    about your
                                     project?</label>
                                 <textarea id="additional-comment" name="data[additional-comment]" rows="3"></textarea>
                             </div>
@@ -379,7 +394,7 @@ <h3>Relevant document upload</h3>
                                 <textarea id="relevent-doc" name="data[relevent-doc]" rows="3"></textarea>
                             </div>
                         </div>
-            
+
                         <div class="form-group">
                             <a href="index.html"><button type="submit">Submit</button></a>
                         </div>
@@ -503,6 +518,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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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>
@@ -575,7 +596,7 @@ <h3 class="text-light mb-0">Popular Links</h3>
         <script>
             var coll = document.getElementsByClassName("collapsible");
             var i;
-    
+
             for (i = 0; i < coll.length; i++) {
                 coll[i].addEventListener("click", function () {
                     this.classList.toggle("active");
@@ -587,19 +608,26 @@ <h3 class="text-light mb-0">Popular Links</h3>
                     }
                 });
             }
-            var form = document.getElementById('sheetdb-form');
-            form.addEventListener("submit", e => {
+            const msg = document.getElementById('msg')
+            const scriptURL = 'https://script.google.com/macros/s/AKfycbxfGjN_d0EXSQw-8Q3FmVAEAzignyuxvuP18WnJjPP3UpB6tS2ELs0ZIov4K-W8p9ka/exec'
+            const form = document.forms['submit-to-google-sheet']
+
+
+            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://edfoal.com/index.html";
-                });
+                fetch(scriptURL, { method: 'POST', body: new FormData(form) })
+                    .then(response => {
+                        console.log('Success!', response);
+                        // Redirect to https://edfoal.com/ after successful submission
+                        window.location.href = 'thankyou.html';
+                        form.reset()
+                    })
+                    .catch(error => {
+                        console.error('Error!', error.message);
+                        // Handle error if needed
+                    });
             });
+
         </script>
         <!-- JavaScript Libraries -->
         <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
diff --git a/service.html b/service.html
index 162e2c7..e990fcd 100644
--- a/service.html
+++ b/service.html
@@ -301,6 +301,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                 <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-search text-primary me-2"></i>
+                                <a href="quotes.html">
+                                    <p class="mb-0">Ask Queries</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/test.html b/test.html
new file mode 100644
index 0000000..7b663e9
--- /dev/null
+++ b/test.html
@@ -0,0 +1,217 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>EdFoal AI</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta content="Important" name="keywords">
+    <meta content="Important" name="description">
+
+    <!-- Favicon -->
+    <link href="img/original.png" rel="icon">
+
+    <!-- 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://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Icon Font Stylesheet -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
+
+    <!-- Libraries Stylesheet -->
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+    <link href="lib/animate/animate.min.css" rel="stylesheet">
+
+    <!-- Customized Bootstrap Stylesheet -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Template Stylesheet -->
+    <link href="css/style.css" rel="stylesheet">
+
+</head>
+
+<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 class="spinner"></div>
+    </div> -->
+    <!-- Spinner End -->
+    <div class="container-fluid position-relative p-0">
+        <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
+            <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>
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
+                <span class="fa fa-bars"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarCollapse">
+                <div class="navbar-nav ms-auto py-0">
+                    <a href="index.html" class="nav-item nav-link">Home</a>
+                    <a href="about.html" class="nav-item nav-link">About</a>
+                    <a href="service.html" class="nav-item nav-link">Services</a>
+                    <a href="usecase/usecase.html" class="nav-item nav-link">Usecase</a>
+                    <!-- <div class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Blog</a>
+                        <div class="dropdown-menu m-0">
+                            <a href="blog.html" class="dropdown-item">Blog Grid</a>
+                            <a href="detail.html" class="dropdown-item">Blog Detail</a>
+                        </div>
+                    </div> -->
+                    <!-- <div class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
+                        <div class="dropdown-menu m-0">
+                            <a href="price.html" class="dropdown-item">Pricing Plan</a>
+                            <a href="feature.html" class="dropdown-item">Our features</a>
+                            <a href="team.html" class="dropdown-item">Team Members</a>
+                            <a href="testimonial.html" class="dropdown-item">Testimonial</a>
+                            <a href="quote.html" class="dropdown-item">Free Quote</a>
+                        </div>
+                    </div> -->
+                    <a href="contact.html" class="nav-item nav-link active">Contact</a>
+                </div>
+
+            </div>
+        </nav>
+
+        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
+            <div class="row py-5">
+                <div class="col-12 pt-lg-5 mt-lg-5 text-center">
+                    <!-- <h1 class="display-4 text-white animated zoomIn">Ask Query</h1> -->
+                    <!-- <a href="" class="h5 text-white">Home</a> -->
+                    <!-- <i class="far fa-circle text-white px-2"></i> -->
+                    <!-- <a href="" class="h5 text-white">Contact</a> -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="vh-80 d-flex justify-content-center align-items-center">
+        <div>
+            <div class="mb-4 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" class="text-success" width="120" height="120" fill="currentColor"
+                    class="bi bi-check-circle-fill" viewBox="0 0 16 16">
+                    <path
+                        d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
+                </svg>
+            </div>
+            <div class="text-center">
+                <h1 style="font-size: 48px;">Thank You !</h1>
+                <p style="font-size: 30px;">We will contact you soon.. </p>
+                <a href="index.html"><button class="btn btn-primary">Back Home</button></a>
+            </div>
+        </div>
+    </div>
+        <!-- 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 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">
+                                    <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">
+                                    <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 class="section-title section-title-sm position-relative pb-3 mb-4">
+                                    <h3 class="text-light mb-0">Quick 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="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
+                                    <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
+                                    <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Meet The Team</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="#"><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>
+                            </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>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer End -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/thankyou.html b/thankyou.html
new file mode 100644
index 0000000..2854263
--- /dev/null
+++ b/thankyou.html
@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>EdFoal AI</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta content="Important" name="keywords">
+    <meta content="Important" name="description">
+
+    <!-- Favicon -->
+    <link href="img/original.png" rel="icon">
+
+    <!-- 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://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Icon Font Stylesheet -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
+
+    <!-- Libraries Stylesheet -->
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
+    <link href="lib/animate/animate.min.css" rel="stylesheet">
+
+    <!-- Customized Bootstrap Stylesheet -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Template Stylesheet -->
+    <link href="css/style.css" rel="stylesheet">
+
+</head>
+
+<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 class="spinner"></div>
+    </div> -->
+    <!-- Spinner End -->
+    <div class="container-fluid position-relative p-0">
+        <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
+            <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>
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
+                <span class="fa fa-bars"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarCollapse">
+                <div class="navbar-nav ms-auto py-0">
+                    <a href="index.html" class="nav-item nav-link">Home</a>
+                    <a href="about.html" class="nav-item nav-link">About</a>
+                    <a href="service.html" class="nav-item nav-link">Services</a>
+                    <a href="usecase/usecase.html" class="nav-item nav-link">Usecase</a>
+                    <!-- <div class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Blog</a>
+                        <div class="dropdown-menu m-0">
+                            <a href="blog.html" class="dropdown-item">Blog Grid</a>
+                            <a href="detail.html" class="dropdown-item">Blog Detail</a>
+                        </div>
+                    </div> -->
+                    <!-- <div class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
+                        <div class="dropdown-menu m-0">
+                            <a href="price.html" class="dropdown-item">Pricing Plan</a>
+                            <a href="feature.html" class="dropdown-item">Our features</a>
+                            <a href="team.html" class="dropdown-item">Team Members</a>
+                            <a href="testimonial.html" class="dropdown-item">Testimonial</a>
+                            <a href="quote.html" class="dropdown-item">Free Quote</a>
+                        </div>
+                    </div> -->
+                    <a href="contact.html" class="nav-item nav-link active">Contact</a>
+                </div>
+
+            </div>
+        </nav>
+
+        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
+            <div class="row py-5">
+                <div class="col-12 pt-lg-5 mt-lg-5 text-center">
+                    <!-- <h1 class="display-4 text-white animated zoomIn">Ask Query</h1> -->
+                    <!-- <a href="" class="h5 text-white">Home</a> -->
+                    <!-- <i class="far fa-circle text-white px-2"></i> -->
+                    <!-- <a href="" class="h5 text-white">Contact</a> -->
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="vh-80 d-flex justify-content-center align-items-center">
+        <div>
+            <div class="mb-4 text-center">
+                <svg xmlns="http://www.w3.org/2000/svg" class="text-success" width="120" height="120" fill="currentColor"
+                    class="bi bi-check-circle-fill" viewBox="0 0 16 16">
+                    <path
+                        d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
+                </svg>
+            </div>
+            <div class="text-center">
+                <h1 style="font-size: 48px;">Thank You !</h1>
+                <p style="font-size: 30px;">We will contact you soon.. </p>
+                <a href="index.html"><button class="btn btn-primary">Back Home</button></a>
+            </div>
+        </div>
+    </div>
+        <!-- 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 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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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">
+                                    <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 class="section-title section-title-sm position-relative pb-3 mb-4">
+                                    <h3 class="text-light mb-0">Quick 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="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
+                                    <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
+                                    <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Meet The Team</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="#"><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>
+                            </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>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Footer End -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/usecase/customer.html b/usecase/customer.html
index fdea562..b47059b 100644
--- a/usecase/customer.html
+++ b/usecase/customer.html
@@ -220,7 +220,13 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                             </div> -->
                             <div class="d-flex mb-2">
                                 <i class="bi bi-envelope-open text-primary me-2"></i>
-                                <p class="mb-0">info@edfoal.com</p>
+                                <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-search text-primary me-2"></i>
+                                <a href="quotes.html">
+                                    <p class="mb-0">Ask Queries</p>
+                                </a>
                             </div>
                             <!-- <div class="d-flex mb-2">
                                 <i class="bi bi-telephone text-primary me-2"></i>
diff --git a/usecase/customerdetail1.html b/usecase/customerdetail1.html
index 93cd36b..28f57dd 100644
--- a/usecase/customerdetail1.html
+++ b/usecase/customerdetail1.html
@@ -369,10 +369,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/customerdetail2.html b/usecase/customerdetail2.html
index 4c36db9..a8f7ee8 100644
--- a/usecase/customerdetail2.html
+++ b/usecase/customerdetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/customerdetail3.html b/usecase/customerdetail3.html
index 2412f83..1d6038c 100644
--- a/usecase/customerdetail3.html
+++ b/usecase/customerdetail3.html
@@ -343,10 +343,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/edcation.html b/usecase/edcation.html
index 7ac4228..4856029 100644
--- a/usecase/edcation.html
+++ b/usecase/edcation.html
@@ -483,7 +483,13 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     </div> -->
                                     <div class="d-flex mb-2">
                                         <i class="bi bi-envelope-open text-primary me-2"></i>
-                                        <p class="mb-0">info@edfoal.com</p>
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</p>
+                                        </a>
                                     </div>
                                     <!-- <div class="d-flex mb-2">
                                         <i class="bi bi-telephone text-primary me-2"></i>
diff --git a/usecase/educationdetail1.html b/usecase/educationdetail1.html
index d95f9db..88bc312 100644
--- a/usecase/educationdetail1.html
+++ b/usecase/educationdetail1.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/educationdetail2.html b/usecase/educationdetail2.html
index 8a1023f..433f928 100644
--- a/usecase/educationdetail2.html
+++ b/usecase/educationdetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/educationdetail3.html b/usecase/educationdetail3.html
index c26d7e6..59ce6ee 100644
--- a/usecase/educationdetail3.html
+++ b/usecase/educationdetail3.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                    <i class="bi bi-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/finance.html b/usecase/finance.html
index d9447ea..edebe62 100644
--- a/usecase/finance.html
+++ b/usecase/finance.html
@@ -474,10 +474,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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>
-                                <p class="mb-0">info@edfoal.com</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">
+                                        <i class="bi bi-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/financedetail1.html b/usecase/financedetail1.html
index b4a09c2..8aca852 100644
--- a/usecase/financedetail1.html
+++ b/usecase/financedetail1.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/financedetail2.html b/usecase/financedetail2.html
index 8cbe954..20e9ba7 100644
--- a/usecase/financedetail2.html
+++ b/usecase/financedetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/financedetail3.html b/usecase/financedetail3.html
index 0a7be3d..9444398 100644
--- a/usecase/financedetail3.html
+++ b/usecase/financedetail3.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/logistic.html b/usecase/logistic.html
index 6c3a9b2..756e240 100644
--- a/usecase/logistic.html
+++ b/usecase/logistic.html
@@ -499,10 +499,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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">
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/logisticdetail1.html b/usecase/logisticdetail1.html
index ddb3aa7..25f0ebc 100644
--- a/usecase/logisticdetail1.html
+++ b/usecase/logisticdetail1.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/logisticdetail2.html b/usecase/logisticdetail2.html
index fde564e..c0219e8 100644
--- a/usecase/logisticdetail2.html
+++ b/usecase/logisticdetail2.html
@@ -344,10 +344,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/manufacturingfirms.html b/usecase/manufacturingfirms.html
index ac623b0..7149865 100644
--- a/usecase/manufacturingfirms.html
+++ b/usecase/manufacturingfirms.html
@@ -474,10 +474,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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">
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/manufacturingfirmsdetail1.html b/usecase/manufacturingfirmsdetail1.html
index 8899dc5..4fd96dd 100644
--- a/usecase/manufacturingfirmsdetail1.html
+++ b/usecase/manufacturingfirmsdetail1.html
@@ -343,10 +343,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/manufacturingfirmsdetail2.html b/usecase/manufacturingfirmsdetail2.html
index 5e04092..da78e83 100644
--- a/usecase/manufacturingfirmsdetail2.html
+++ b/usecase/manufacturingfirmsdetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/manufacturingfirmsdetail3.html b/usecase/manufacturingfirmsdetail3.html
index ef276f6..8175adf 100644
--- a/usecase/manufacturingfirmsdetail3.html
+++ b/usecase/manufacturingfirmsdetail3.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/realesate.html b/usecase/realesate.html
index d0775d0..dfb226c 100644
--- a/usecase/realesate.html
+++ b/usecase/realesate.html
@@ -474,10 +474,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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">
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/realestatedetail1.html b/usecase/realestatedetail1.html
index 078c048..be88faf 100644
--- a/usecase/realestatedetail1.html
+++ b/usecase/realestatedetail1.html
@@ -372,10 +372,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/realestatedetail2.html b/usecase/realestatedetail2.html
index bfc5eaf..41a1c54 100644
--- a/usecase/realestatedetail2.html
+++ b/usecase/realestatedetail2.html
@@ -372,10 +372,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/realestatedetail3.html b/usecase/realestatedetail3.html
index 3176308..0bdbc50 100644
--- a/usecase/realestatedetail3.html
+++ b/usecase/realestatedetail3.html
@@ -375,10 +375,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/retail.html b/usecase/retail.html
index f109114..6ecd9bd 100644
--- a/usecase/retail.html
+++ b/usecase/retail.html
@@ -498,10 +498,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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">
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/retaildetail1.html b/usecase/retaildetail1.html
index e08c060..4f7a992 100644
--- a/usecase/retaildetail1.html
+++ b/usecase/retaildetail1.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/retaildetail2.html b/usecase/retaildetail2.html
index cd5c430..65feed0 100644
--- a/usecase/retaildetail2.html
+++ b/usecase/retaildetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/retaildetail3.html b/usecase/retaildetail3.html
index 87deef3..624cbe8 100644
--- a/usecase/retaildetail3.html
+++ b/usecase/retaildetail3.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/socialmedia.html b/usecase/socialmedia.html
index a40a290..0e0c494 100644
--- a/usecase/socialmedia.html
+++ b/usecase/socialmedia.html
@@ -475,10 +475,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                         <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">
+                                        <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-search text-primary me-2"></i>
+                                        <a href="quotes.html">
+                                            <p class="mb-0">Ask Queries</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/usecase/socialmediadetail1.html b/usecase/socialmediadetail1.html
index 84c92a9..050ec41 100644
--- a/usecase/socialmediadetail1.html
+++ b/usecase/socialmediadetail1.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/socialmediadetail2.html b/usecase/socialmediadetail2.html
index 01eaee4..26dd15f 100644
--- a/usecase/socialmediadetail2.html
+++ b/usecase/socialmediadetail2.html
@@ -342,10 +342,16 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                     <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">
+                                    <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-search text-primary me-2"></i>
+                                    <a href="quotes.html">
+                                        <p class="mb-0">Ask Queries</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/usecase/usecase.html b/usecase/usecase.html
index df1610c..50fd0be 100644
--- a/usecase/usecase.html
+++ b/usecase/usecase.html
@@ -258,6 +258,12 @@ <h3 class="text-light mb-0">Get In Touch</h3>
                                 <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-search text-primary me-2"></i>
+                                <a href="quotes.html">
+                                    <p class="mb-0">Ask Queries</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>