From ff59d0d53c9f9a307b7ad8bfa019678b20c286af Mon Sep 17 00:00:00 2001
From: Bhumika <sharmabhmi@gmail.com>
Date: Mon, 7 Oct 2024 11:21:54 +0530
Subject: [PATCH 1/2] changes saved

---
 index.html | 2 +-
 style.css  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ae33345c..aa8b27cf 100644
--- a/index.html
+++ b/index.html
@@ -409,7 +409,7 @@ <h2>Contact US</h2>
     <!-- ratings by user -->
     <section id="reviews" class="reviews-section">
       <h2>User Reviews and Ratings</h2>
-      <p>
+      <p id="ratings_p1">
         Read what others have to say about their experiences with various
         destinations, hotels, flights, and activities. Share your own reviews
         and help fellow travelers make informed decisions.
diff --git a/style.css b/style.css
index 7a303f27..ee44531c 100644
--- a/style.css
+++ b/style.css
@@ -60,7 +60,9 @@
   p {
     font-size: 2rem;
   }
-  
+  #ratings_p1{
+    font-size: 1rem;
+  }
   button {
     padding: 2rem 6rem;
     background: #4c6e97;

From 0b61ffa77dc3973e5f954b21f5a80ef44c6fe97a Mon Sep 17 00:00:00 2001
From: Bhumika <sharmabhmi@gmail.com>
Date: Mon, 7 Oct 2024 13:32:13 +0530
Subject: [PATCH 2/2] Updated Review Section

---
 index.html | 20 +++++++-------
 style.css  | 78 +++++++++++++++++++++++++++++++++++++++++-------------
 2 files changed, 71 insertions(+), 27 deletions(-)

diff --git a/index.html b/index.html
index 8a9e90e0..ddba4d20 100644
--- a/index.html
+++ b/index.html
@@ -409,16 +409,16 @@ <h2>Contact US</h2>
     </main>
     <!-- ratings by user -->
     <section id="reviews" class="reviews-section">
-      <h2>User Reviews and Ratings</h2>
-      <p id="ratings_p1">
-        Read what others have to say about their experiences with various
-        destinations, hotels, flights, and activities. Share your own reviews
-        and help fellow travelers make informed decisions.
-      </p>
+      <!-- <div class="reviews_h2"><h2> Reviews & Ratings</h2></div> -->
+
+    
 
       <div class="review-form">
-        <h3>Leave a Review</h3>
-        <form>
+        <h3 class="review-h3">Rate your experience</h3>
+        <p>Read what others have to say about their experiences with various
+          destinations, hotels, flights, and activities. Share your own reviews
+          and help fellow travelers make informed decisions.</p>
+        <form class="form">
           <label for="name">Your Name:</label>
           <input type="text" id="name" name="name" required />
 
@@ -443,7 +443,9 @@ <h3>Leave a Review</h3>
             rows="3"
             placeholder="Describe any issue with the staff here. Please explain every single detail ex:location,name of the person"></textarea>
 
-          <button type="submit">Submit Review</button>
+          <div class="review-form-button">
+            <button type="submit">Send</button>
+          </div>
         </form>
       </div>
 
diff --git a/style.css b/style.css
index 99ee4be6..96032791 100644
--- a/style.css
+++ b/style.css
@@ -61,7 +61,8 @@
     font-size: 2rem;
   }
   #ratings_p1{
-    font-size: 1rem;
+    font-size: 1.5rem;
+    font-style: italic;
   }
   button {
     padding: 2rem 6rem;
@@ -592,49 +593,90 @@ body.dark-mode {
 }
 
 .reviews-section h2 {
-  font-size: 2em;
-  margin-bottom: 20px;
+  font-size:xx-large;
+ 
+  
+  
+}
+.reviews_h2{
+  border:2px solid blue;
+  padding: 10px;
+  border-radius: 5px;
+  width:max-content;
+  background-color: #007BFF;
+  color:#e7f0fd
+}
+#reviews{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap:10px;
+  background-color: #F0F8FF;
 }
-
 .review-form {
-  background: white;
-  padding: 20px;
+  background-color: #cce9f9;
+    padding:30px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 30px;
+  margin-top:20px;
+  width:40vw;
+  display: flex;
+  flex-direction: column;
+  
 }
 
-.review-form h3 {
-  font-size: 1.5em;
+.review-h3 {
+  font-size: 35px;
   margin-bottom: 15px;
+  text-align: center;
+  font-weight: bold; /* Keep only this font-weight */
 }
 
+.review-form p{
+  font-size: 14px;
+  font-style:italic;
+  padding:20px;
+  color: #3A1078;
+  line-height:1.5em;
+}
+.form{
+  width:35vw;
+  padding:20px;
+}
 .review-form label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: bold;
+  font-size: 16px;
+  font-weight: 500;
+  color:black;
+  
+  
 }
 
 .review-form input, .review-form select, .review-form textarea {
   width: 100%;
   padding: 10px;
   margin-bottom: 15px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
+  border: 1px solid #d2d8f3;
+  border-radius: 10px;
 }
 
+
 .review-form button {
-  background-color: #007BFF;
-  color: white;
-  padding: 10px 15px;
+  background-color: #F7D160;
+  color:black;
+  padding: 10px 30px;
   border: none;
-  border-radius: 5px;
+  border-radius: 20px;
   cursor: pointer;
   transition: background-color 0.3s;
+  font-size:medium;
 }
 
+.review-form-button{
+  text-align: center;
+}
 .review-form button:hover {
-  background-color: #0056b3;
+  box-shadow: #003d80;
 }
 
 .reviews-list {