done

Anishkagupta04 · Aug 3, 2024 · 871976f · 871976f
1 parent 46fefeb
commit 871976f
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 17 deletions.
diff --git a/index.css b/index.css
@@ -756,7 +756,7 @@ body {
     position: relative;
     background-color: #3fbcc0a6;
     color: white;
-    border: 2px solid #000;
+    /* border: 2px solid #000; */
     border-radius: 10px;
     overflow: hidden;
     transition: color 0.3s ease;

diff --git a/news.html b/news.html
@@ -5,7 +5,7 @@
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
   <link rel="icon" type="image/x-icon" href="../favicon.png">
-
+  <link rel="stylesheet" href="Css-Files/popupfeedbacksctioncss.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link rel="stylesheet" href="googletranslate.css">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
@@ -527,9 +527,9 @@
   </div>
       <!-- ############# Header ############# -->
       <header class="header_container nav-h">
-      <div class="img">
-        <p style="color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;">Rapidoc</p>
-      </div>
+        <div class="img">
+          <img id="rd-logo" style="width: 90px; height: auto;" src="images/rd.png">
+        </div>
         <nav class="nav_menu">
           <div class="hamburger" onclick="toggleMenu()">
             <div class="line"></div>
@@ -539,15 +539,15 @@
           <div class="mobile-logo-text">RAPIDOC</div>
           <ul class="nav_link vis-h">
             <li><a href="index.html"><i class="bi bi-house-door-fill"></i> Home</a></li>
-            <li><a href="#about"><i class="bi bi-info-circle-fill"></i> About</a></li>
+            <li><a href="index.html#about"><i class="bi bi-info-circle-fill"></i> About</a></li>
             <li><a href="news.html"><i class="bi bi-newspaper"></i> News</a></li>
             <li><a href="dex.html"><i class="bi bi-gear"></i> Service</a></li>
-            <li><a href="#patient-portal"><i class="bi bi-person"></i> Patient Portal</a></li>
-            <li><a href="#doctors"><i class="bi bi-person-circle"></i> Doctor</a></li>
-            <li><a href="#contact"><i class="bi bi-telephone"></i> Contact us</a></li>
-            <li><a href="#feedback"><i class="bi bi-star"></i> Rate Us</a></li>
+            <li><a href="index.html#patient-portal"><i class="bi bi-person"></i> Patient Portal</a></li>
+            <li><a href="index.html#doctors"><i class="bi bi-person-circle"></i> Doctor</a></li>
+            <li><a href="index.html#contact"><i class="bi bi-telephone"></i> Contact us</a></li>
+            <li><a href="index.html#feedback"><i class="bi bi-star"></i> Rate Us</a></li>
             <li><a href="log/login.html"><i class="bi bi-box-arrow-right"></i> Sign in/Sign up</a></li>
-            <a href="Html-Files/Doctor-Experience.html"><button class="btn1">Find a Doctor</button></a>
+            <a href="Html-Files/Doctor Experience.html"><button style="background-color: #3fbcc0a6; border: none;" class="btn1">Find a Doctor</button></a>
 
           </ul>
         </nav>
@@ -747,7 +747,46 @@ <h3>RapiDoc's Research Team Publishes Groundbreaking Study on Preventive Healthc
   </div>
 <!-- End Home -->
 
-
+<div id="overlay" class="overlay"></div>
+
+<div id="feedback-wrapper" class="feedback-wrapper">
+  <div class="feedback-form">
+    <span class="close-btn" onclick="closeFeedback()">&times;</span>
+    <h2>We'd Love Your Feedback!</h2>
+    <p>Let us know how we're doing and how we can improve. <br /> <span style="color: hwb(181 21% 19%);"><strong>RapiDoc</strong> Healthcare</p>
+    <p>This is a confused face emoji: &#x1f615;</p>
+    <div>
+      <label for="rating" class="rate-us"> <strong>Please Rate us below</strong></label>
+      <div class="rating-container">
+        <button type="button" onclick="handleRatingChange(1)">😡</button>
+        <button type="button" onclick="handleRatingChange(2)">☹️</button>
+        <button type="button" onclick="handleRatingChange(3)">😐</button>
+        <button type="button" onclick="handleRatingChange(4)">🙂</button>
+        <button type="button" onclick="handleRatingChange(5)">😄</button>
+      </div>
+    </div>
+    <form id="feedback-form" onsubmit="handleSubmit(event)">
+      <label for="name">Your Name</label>
+      <input type="text" id="name" placeholder="Enter your name" required>
+      <label for="email">Your Email</label>
+      <input type="email" id="email" placeholder="Enter your email" required>
+      <label for="feedback">Your Feedback</label>
+      <textarea id="feedback" rows="5" placeholder="Let us know how we can improve..." required></textarea>
+      <button type="submit" class="btn" style="width: 11rem;margin-left: 100px;">Submit Feedback</button>
+    </form>
+  </div>
+</div>
+<div id="feedback-message">Thanks for the feedback! ❤️ </div>
+<div id="popup" class="popup">
+<div class="popup-content">
+  <h2>Thank you for your Feedback! 💚</h2>
+  <div class="popup-icon">
+    <img src="/Feedback Tick.png" width="84" alt="✔️">
+  </div>
+  <p>Your feedback has been received.<br> We appreciate the input you provide.</p>
+  <button class="popup-button" onclick="closePopup()"><a class="active" aria-current="page">Back to Home</a></button>
+</div>
+</div>
   <footer>
     <div class="footer-wrapper">
         <div class="footer-columns">
@@ -1073,12 +1112,8 @@ <h4>RAPIDOC Newsletter</h4><br>
         });
     });
 });
-
-
-
-
-
   </script>
+  <script src="js/popupfeedback.js"></script>
 </body>
 
 </html>
diff --git a/style.css b/style.css
@@ -5,6 +5,9 @@ body {
 }
 .btn1{
   padding:10px;
+  border: none;
+  color: white;
+  border-radius: 10px;
 }
 a {
   color: #ffffff;