Merge branch 'main' into homenavbar

Anishkagupta04 · Jul 25, 2024 · b9c81cf · b9c81cf
2 parents d655428 + ec82d72
commit b9c81cf
Show file tree

Hide file tree

Showing 44 changed files with 3,240 additions and 488 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
     "liveServer.settings.port": 5502,
-    "livePreview.defaultPreviewPath": "/news.html"
+    "livePreview.defaultPreviewPath": "/about.html"
 }
diff --git a/Css-Files/news.css b/Css-Files/news.css
@@ -530,4 +530,67 @@ form.php-email-form{
 .loader--hidden{
   opacity: 0;
   visibility: hidden;
+}
+
+.btn1 {
+  position: relative;
+  background-color: #3fbcc0a6;
+  color: white;
+  border: 2px solid #000;
+  border-radius: 10px;
+  overflow: hidden;
+  transition: color 0.3s ease;
+  z-index: 1;
+}
+
+.btn1::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  background-color: #55a5ea;
+  transition: width 0.3s ease;
+  z-index: -1;
+}
+
+.btn1:hover {
+  color: #fff;
+}
+
+.btn1:hover::before {
+  width: 100%;
+}
+
+
+#s {
+  position: relative;
+  background-color: #3fbcc0a6;
+  color: white;
+  border: 2px solid #000;
+  border-radius: 10px;
+  transition: color 0.3s ease;
+  z-index: 1;
+}
+
+#s::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  border-radius: 6px;
+  background-color: #55a5ea;
+  transition: width 0.3s ease;
+  z-index: -1;
+}
+
+#s:hover {
+  color: #fff;
+}
+
+#s:hover::before {
+  width: 100%;
 }
diff --git a/Css-Files/testimonial.css b/Css-Files/testimonial.css
@@ -1,3 +1,9 @@
+.testimonals {
+  position: relative;
+  left: 30%;
+  width: 40%;
+}
+
 .testimonals-item {
     background-color: #ede6e6;
     padding: 30px;
@@ -243,4 +249,4 @@
     font-size: 13px;
   }
 }
-}
+}
diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
@@ -524,4 +524,16 @@ align-items: center;
 }
 #back-to-top:hover {
   transform: scale(1.1);
+}
+#subscribeBanner {
+  display: none;
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  background: rgb(75, 182, 183);
+  color: black;
+  padding: 5px;
+  z-index: 1000;
+  border-radius: 5px;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 }
diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
@@ -3,12 +3,42 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Find a Doctor</title>
+  <title>RapiDoc</title>
   <link rel="icon" type="image/x-icon" href="../favicon.png">
   <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
   <link rel="stylesheet" href="./Css-Files/Experiencestyle.css">
   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
   <style>
+    @media screen and (max-width: 768px) {
+  #ss {
+    font-size: 8px;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  #ss {
+    font-size: 6px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .social-wrapper {
+    font-size: 8px;
+  }
+
+  .social-links i {
+    font-size: 6px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .social-wrapper {
+    font-size: 8px;
+  }
+
+  .social-links i {
+    font-size: 6px;
+  }
+}
     body {
       font-family: Arial, sans-serif;
       background-color: #121212;
@@ -180,25 +210,30 @@ <h4>Legal</h4><br>
               <li><a href="#">Testimonials</a></li>
             </ul>
           </section>
-          <section class="footer-col" >
+          <section class="footer-col">
             <div>
+
             <h4>RAPIDOC Newsletter</h4><br>
             <p>
               Subscribe to our newsletter for a weekly dose
               of news, updates, helpful tips, and
               exclusive offers.
             </p>
           </div>
-            <form action="#" class="subscribe-form">
-              <input type="email" placeholder="Your email" required>
-              <button type="submit">SUBSCRIBE</button>
+            <form action="#" class="subscribe-form" id="subscribeForm">
+              <input type="email"  id="emailInput" placeholder="Your email" required>
+              <button type="submit"  id="subscribeButton" style="color: black;">SUBSCRIBE</button>
             </form>
-            <p class="confirmation-message">Thank you for subscribing!</p>
-             </section>
+          </section>
+
+          <div id="subscribeBanner">
+            <p>Thanks for subscribing!</p>
+          </div>
+
         </div>
       </div>
     </div>
-    <div class="footer-bottom">
+      <div class="footer-bottom">
       <div class="footer-bottom-wrapper">
         <small id="ss">© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
           Reserved Made with ❤️ by RapiDoc</small>
@@ -234,15 +269,27 @@ <h4>RAPIDOC Newsletter</h4><br>
       </div>
     </div>
   </footer>
-  <div id="back-to-top-container">
-    <div class="circle">
-      <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-        class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
-        <path
-          d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z" />
-      </svg>
-    </div>
-  </div>
+  <script>
+    document.getElementById('subscribeForm').addEventListener('submit', function(event) {
+      event.preventDefault(); // Prevent default form submission
+
+      // Get the email input value
+      var email = document.getElementById('emailInput').value;
+
+      // You can add further validation of the email input here if needed
+
+      // Show the subscribe banner
+      document.getElementById('subscribeBanner').style.display = 'block';
+
+      // Optionally, you can reset the form
+      document.getElementById('subscribeForm').reset();
+
+      // Simulate a delay and hide the banner after 5 seconds
+      setTimeout(function() {
+        document.getElementById('subscribeBanner').style.display = 'none';
+      }, 5000);
+    });
+  </script>
 
   <script>
     const doctorList = [
@@ -524,32 +571,6 @@ <h4>${doctor.name}</h4>
     var currentYear = new Date().getFullYear();
     document.getElementById('year').textContent = currentYear;
   </script>
-    <script>
-      document.addEventListener("DOMContentLoaded", function () {
-        const backToTopButton = document.getElementById('back-to-top-container');
-
-        function checkButtonVisibility() {
-          if (window.innerWidth > 100 && window.scrollY > 100) {
-            backToTopButton.style.display = 'block';
-          } else {
-            backToTopButton.style.display = 'none';
-          }
-        }
-
-        window.addEventListener('scroll', checkButtonVisibility);
-        window.addEventListener('resize', checkButtonVisibility);
-
-        backToTopButton.addEventListener('click', function () {
-          window.scrollTo({
-            top: 0,
-            behavior: 'smooth'
-          });
-        });
-        checkButtonVisibility();
-      });
-
-    </script>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
 </body>
 </html>