From 539a1b9f00da216371be330a4d15078bd4492f7b Mon Sep 17 00:00:00 2001
From: Ankit Kumar <139707943+ankit071105@users.noreply.github.com>
Date: Sun, 20 Oct 2024 09:26:35 +0530
Subject: [PATCH] Added Files Seperately

---
 index.html | 164 ++++++++---------------------------------------------
 1 file changed, 25 insertions(+), 139 deletions(-)
diff --git a/index.html b/index.html
index eb19a37..18e0454 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
+
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="about.css">
@@ -56,8 +55,10 @@
 
     <!-- cursor -->
 
+    <body>
         <div id="scrollProgressBar" class="progress-bar"></div>
         <!-- Your existing content goes here -->
+    </body>
     <div class="gtranslate_wrapper"></div>
     <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
     <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
@@ -187,40 +188,28 @@ <h3>Sell Train Tickets</h3>
 <script src="about.js"></script>
   </div>
 
-  <div class="review-section">
-    <h2>Our Reviews</h2>
-    <div class="reviews-slider">
-      <div class="review-card">
-        <h3>Angel Roy</h3>
-        <h4>Kolkata</h4>
-        <p>Great platform to book tickets online! Highly recommend.</p>
-      </div>
-      <div class="review-card">
-        <h3>Jane Sharma</h3>
-        <h4>Delhi</h4>
-        <p>Amazing service and no worry to make travel plans now .</p>
-      </div>
-      <div class="review-card">
-        <h3>Sam Rathod</h3>
-        <h4>Rajasthan</h4>
-        <p>This ticket booking site really helped me book my tickets anytime anywhere!</p>
-      </div>
-      <div class="review-card">
-        <h3>Charles de Souza </h3>
-        <h4>Mumbai</h4>
-        <p>Very satisfied with this service.Helped me a lot.</p>
-      </div>
-      <div class="review-card">
-        <h3>Alex Patel</h3>
-        <h4>Bangalore</h4>
-        <p>Quick ticket booking made my journey more easier now,Thanks.</p>
-      </div>
+  <div class="content-wrapper">
+    <h1>Our Reviews</h1>
+    <div class="blue-line"></div>
+    <div class="wrapper-for-arrows">
+        <div style="opacity: 0;" class="chicken"></div>
+        <div id="reviewWrap" class="review-wrap">
+            <div id="imgDiv" class="">
+            </div>
+            <div id="personName"></div>
+            <div id="profession"></div>
+            <div id="description">
+            </div>
+        </div>
+        <div class="surprise-me-btn">Surprise me</div>
+        <div class="left-arrow-wrap arrow-wrap">
+            <div class="arrow" id="leftArrow"></div>
+        </div>
+        <div class="right-arrow-wrap arrow-wrap">
+            <div class="arrow" id="rightArrow"></div>
+        </div>
     </div>
-  </div>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
-  <script src="script.js"></script>
+</div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
 <script src="main.js"></script>
  
@@ -267,109 +256,6 @@ <h4>Phone No</h4>
 
 <body>
   
-    <style>
-  
-        @keyframes slideUp {
-          from {
-              opacity: 0;
-              transform: translateY(100px); /* Start 100px below */
-          }
-          to {
-              opacity: 1;
-              transform: translateY(0); /* Move to its original position */
-          }
-      }
-      
-      .faq-container {
-          max-width: 1000px;
-          margin: 40px auto;
-          padding: 20px;
-          background-color: rgb(203, 203, 220);
-          border: 1px solid #ddd;
-          border-radius: 10px;
-          box-shadow: 2px 10px 8px rgba(255, 254, 254, 0.1);
-      }
-      
-      .faq-title {
-          text-align: center;
-          font-size: 1.8em;
-          color: #040404;
-          margin-bottom: 20px;
-      }
-      
-      .faq {
-          margin-bottom: 15px;
-          opacity: 0; /* Start hidden */
-          transform: translateY(100px); /* Positioned below initially */
-          transition: all 0.5s ease;
-      }
-      
-      .faq.visible {
-          opacity: 1;
-          transform: translateY(0); /* Move up into position */
-          animation: slideUp 0.6s ease-in-out; /* Apply the slide-up effect */
-      }
-      
-      .faq input[type="checkbox"] {
-          display: none;
-      }
-      
-      .faq-question {
-          padding: 15px;
-          font-size: 1.2em;
-          background-color: #07b797;
-          color: #0c0c0c;
-          border: none;
-          border-radius: 5px;
-          cursor: pointer;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          transition: background-color 0.3s ease, transform 0.3s ease;
-      }
-      
-      .faq-question:hover {
-          background-color: #07b797;
-          transform: scale(1.02);
-      }
-      
-      .faq-answer {
-          max-height: 0;
-          overflow: hidden;
-          padding: 0 15px;
-          background-color: #f3f1ef;
-          color: #333;
-          border-left: 4px solid #0f0f10;
-          transition: max-height 0.6s ease, padding 0.6s ease, background-color 0.3s ease;
-      }
-      
-      .faq input[type="checkbox"]:checked ~ .faq-answer {
-          max-height: 150px;
-          padding: 15px;
-          background-color: #e7e6e3;
-      }
-      
-      .arrow {
-          margin-top: -3px;
-          display: inline-block;
-          width: 12px;
-          height: 12px;
-          border-right: 2px solid #fff;
-          border-bottom: 2px solid #fff;
-          transform: rotate(45deg);
-          transition: transform 0.3s ease;
-      }
-      
-      .faq input[type="checkbox"]:checked + label .arrow {
-          transform: rotate(225deg);
-      }
-      
-      
-      </style>
-
-
-  <!-- FAQ Section -->
-  <!-- FAQ Section -->
 <section id="faq">          
     <div class="faq-container">
         <h1 class="faq-title" data-aos="fade-right">Frequently Asked Questions</h1>  
@@ -565,7 +451,7 @@ <h4>FIND US</h4>
         <li><a href="#">Holiday Deals</a></li>
         <li><a href="#">Popular Counters</a></li>
         <!-- <li><a href="#">Flight Only</a></li> -->
-        <li><a href="tophotels.html">Top Hotels</a></li>
+        <li><a href="#">Top Hotels</a></li>
       </ul>
     </div>
   </footer>
