Merge pull request #401 from rees8/updated-feature

Updated feature
PriyaGhosal · Oct 9, 2024 · 5c2e5ba · 5c2e5ba
2 parents 95b0fd5 + 87ae2de
commit 5c2e5ba
Show file tree

Hide file tree

Showing 7 changed files with 129 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -193,8 +193,6 @@
       }
   </script>
 
-  <script src="script.js"></script>
-
   <div id="progress-bar"></div>
   <!-- funcioning of progress bar -->
   <script>
@@ -222,10 +220,6 @@ <h3>
       <header class="locations-head">
         <h2>The Perfect Travel Experience!</h2>
 
-
-    </script>
-
-    <script src="script.js"></script>
     <header class="main-head">
   <nav>
     <div class="logo">
@@ -364,7 +358,7 @@ <h3>Flight to Dubai</h3>
             <strong>Price:</strong> ₹20,000
             <span class="discount">₹25,000 </span>
           </p>
-          <button onclick="window.location.href='#book-now'">Book Now</button>
+          <button class="book-now-btn" data-package="dubai.html">Book Now</button>
         </div>
 
         <!-- Deal 2: Hotel Offer -->
@@ -378,7 +372,7 @@ <h3>Luxury Stay in Goa</h3>
             <strong>Price:</strong> ₹10,500
             <span class="discount"> ₹15,000</span> per night
           </p>
-          <button onclick="window.location.href='#book-now'">Book Now</button>
+          <button class="book-now-btn" data-package="goa.html">Book Now</button>
         </div>
 
         <!-- Deal 3: Travel Package -->
@@ -392,7 +386,7 @@ <h3>Kerala Backwaters Package</h3>
             <strong>Price:</strong> ₹40,000
             <span class="discount">₹50,000</span>
           </p>
-          <button onclick="window.location.href='#book-now'">Book Now</button>
+          <button class="book-now-btn" data-package="kerala.html">Book Now</button>
         </div>
 
         <!-- Deal 4: International Trip -->
@@ -406,7 +400,7 @@ <h3>Paris Romantic Getaway</h3>
             <strong>Price:</strong> ₹1,20,000
             <span class="discount"> ₹1,50,000</span> per couple
           </p>
-          <button onclick="window.location.href='#book-now'">Book Now</button>
+          <button class="book-now-btn" data-package="paris.html">Book Now</button>
         </div>
 
         <!-- Deal 5: Adventure Trip -->
@@ -420,7 +414,7 @@ <h3>Adventure in Bali</h3>
             <strong>Price:</strong> ₹48,000
             <span class="discount">₹60,000</span> per person
           </p>
-          <button onclick="window.location.href='#book-now'">Book Now</button>
+          <button class="book-now-btn" data-package="bali.html">Book Now</button>
         </div>
       </div>
     </section>
@@ -1012,8 +1006,7 @@ <h2>Exclusive Deals and Offers!</h2>
     line-height: 1.5;
   }
     </style>
-  </script>
-
+    <script src="script.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/packages/bali.html b/packages/bali.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Dubai Package</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="../style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Adventure in Bali</h1>
+        </header>
+        <main>
+            <p>Book an adventure trip to Bali with activities like snorkeling, trekking, and more. Discount available for groups!</p>
+            <p>
+              <strong>Price:</strong> ₹48,000 per person (Original Price: ₹60,000) 
+            </p>
+            <button onclick="window.location.href='../index.html'">Back to Home Page</button>
+            <button onclick="window.location.href='../book.html'" style="margin-left: 20px;">Book Now</button>
+        </main>
+    </body>
+</html>
diff --git a/packages/dubai.html b/packages/dubai.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Dubai Package</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="../style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Flight to Dubai</h1>
+        </header>
+        <main>
+            <p>Save 20% on round-trip flights to Dubai. Limited time offer!</p>
+            <p>
+              <strong>Price:</strong> ₹20,000 per person (Original Price: ₹25,000) 
+            </p>
+            <button onclick="window.location.href='../index.html'">Back to Home Page</button>
+            <button onclick="window.location.href='../book.html'" style="margin-left: 20px;">Book Now</button>
+        </main>
+    </body>
+</html>
diff --git a/packages/goa.html b/packages/goa.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Dubai Package</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="../style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Luxury Stay in Goa</h1>
+        </header>
+        <main>
+            <p>Get 30% off on a 5-star hotel stay in Goa. Enjoy the best of luxury at an affordable price!</p>
+            <p>
+              <strong>Price:</strong> ₹10,500 per night (Original Price: ₹15,000) 
+            </p>
+            <button onclick="window.location.href='../index.html'">Back to Home Page</button>
+            <button onclick="window.location.href='../book.html'" style="margin-left: 20px;">Book Now</button>
+        </main>
+    </body>
+</html>
diff --git a/packages/kerala.html b/packages/kerala.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Dubai Package</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="../style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Kerala Backwaters Package</h1>
+        </header>
+        <main>
+            <p>Experience the serene beauty of Kerala's backwaters with a 4-day, 3-night package. All-inclusive deal!</p>
+            <p>
+              <strong>Price:</strong> ₹40,000 per person (Original Price: ₹50,000) 
+            </p>
+            <button onclick="window.location.href='../index.html'">Back to Home Page</button>
+            <button onclick="window.location.href='../book.html'" style="margin-left: 20px;">Book Now</button>
+        </main>
+    </body>
+</html>
diff --git a/packages/paris.html b/packages/paris.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Dubai Package</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="../style.css">
+    </head>
+    <body>
+        <header>
+            <h1>Paris Romantic Getaway</h1>
+        </header>
+        <main>
+            <p>Enjoy a romantic trip to Paris with your loved one. Special package for couples!</p>
+            <p>
+              <strong>Price:</strong> ₹1,20,000 per couple (Original Price: ₹1,50,000) 
+            </p>
+            <button onclick="window.location.href='../index.html'">Back to Home Page</button>
+            <button onclick="window.location.href='../book.html'" style="margin-left: 20px;">Book Now</button>
+        </main>
+    </body>
+</html>
diff --git a/script.js b/script.js
@@ -448,3 +448,10 @@ function googleTranslateElementInit() {
     }, 'google_translate_element');
 }
 
+//Functionality for 'Book-Now' button in travel packages
+document.querySelectorAll('.book-now-btn').forEach(button => {
+    button.addEventListener('click', function() {
+        const packageName = this.getAttribute('data-package');
+        window.location.href = `./packages/${packageName}`;
+    });
+});