Merge branch 'main' into main

supriyagaut · Jul 14, 2024 · fe0b0bb · fe0b0bb
2 parents b5caf01 + a17fa61
commit fe0b0bb
Show file tree

Hide file tree

Showing 11 changed files with 228 additions and 106 deletions.
diff --git a/faq.html b/faq.html
@@ -1,8 +1,4 @@
 <!DOCTYPE html>
-
-
-
-
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -250,14 +246,14 @@
 
           <ul class="navLinks">
 
-            <li class="link" data-aos=""><a href="#Home">Home</a></li>
-            <li class="link" data-aos=""><a href="#AboutUs"> AboutUs</a></li>
-            <li class="link" data-aos=""><a href="#Destinations">Destinations</a></li>
-            <li class="link" data-aos=""><a href="#trip">Pricing</a></li>
-            <li class="link" data-aos=""><a href="#ReviewGallery">Trip Gallery</a></li>
-            <li class="link" data-aos=""><a href="#testimonials">Testimonials</a></li>
+            <li class="link" data-aos=""><a href="index.html#Home">Home</a></li>
+            <li class="link" data-aos=""><a href="index.html#AboutUs"> AboutUs</a></li>
+            <li class="link" data-aos=""><a href="index.html#Destinations">Destinations</a></li>
+            <li class="link" data-aos=""><a href="index.html#trip">Pricing</a></li>
+            <li class="link" data-aos=""><a href="index.html#ReviewGallery">Trip Gallery</a></li>
+            <li class="link" data-aos=""><a href="index.html#testimonials">Testimonials</a></li>
             <li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
-            <li class="link" data-aos=""><a href="#cnt-form">Contact Us</a></li>
+            <li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
 
 
           </ul>
@@ -382,7 +378,7 @@ <h2>Have More questions?</h2>
       <p>Feel Free to Email us!</p>
     </div>
     <div>
-      <button class="moreemail">Send Email</button>
+      <button class="moreemail" onclick="sendEmail()">Send Email</button>
     </div>
     </div>
 
@@ -458,6 +454,11 @@ <h2>Have More questions?</h2>
         logoutButton.disabled = true;
     }
 });
+
+
+function sendEmail() {
+  window.location.href = "mailto:[email protected]";
+}
 </script>
 </body>
 </html>
diff --git a/img/bg video term3.mp4 b/img/bg video term3.mp4
diff --git a/img/bg video terms.mp4 b/img/bg video terms.mp4
diff --git a/img/bg video terms2.mp4 b/img/bg video terms2.mp4
diff --git a/index.html b/index.html
@@ -181,6 +181,7 @@
       pointer-events: none;
       z-index: 9999;
     }
+
   </style>
   <link rel="stylesheet" href="imstyle.css">
   <link rel="stylesheet" href="jquery.flipster.min.css">
@@ -652,10 +653,11 @@ <h2 class="section__title" data-aos="fade-in"><span style="margin-left: 300px;">
       <div class="outer-box">
         <div class="containers">
 
-          <div class="card active" style="
-            background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-              url('/img/paris.jpg')
-          ">
+
+          <div class="card" style="
+        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+          url('./img/paris.jpg')
+            ">
             <div class="info">
 
               <p>
@@ -669,17 +671,19 @@ <h3>PARIS</h3>
       background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
         url('./img/london.jpg')
     ">
+
             <div class="info">
 
               <p>||Giant Wheel||</p>
               <h3>LONDON</h3>
             </div>
           </div>
 
+
           <div class="card" style="
-      background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-        url('./img/goa.jpg')
-    ">
+        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+          url('./img/goa.jpg')
+      ">
             <div class="info">
 
               <p>||Goa Beach||</p>
@@ -688,11 +692,10 @@ <h3>GOA</h3>
           </div>
 
           <div class="card" style="
-      background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
-        url('./img/maldives.jpg')
-    ">
+        background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 7%, rgba(255, 255, 255, 0) 50%),
+          url('./img/maldives.jpg')
+      ">
             <div class="info">
-
               <p>||Male Beach||</p>
               <h3>MALDIVES</h3>
             </div>
@@ -701,6 +704,7 @@ <h3>MALDIVES</h3>
         </div>
       </div>
 
+
       <script src="explore.js"></script>
     </section>
 

diff --git a/login.css b/login.css
@@ -29,6 +29,7 @@ body {
 
 .left-section {
     flex: 3;
+    margin-top: 58px;
     display: flex;
     flex-direction: column;
     justify-content: center;

diff --git a/privacy.html b/privacy.html
@@ -110,12 +110,16 @@
 
     </script>
 
+    <video autoplay muted loop class="video-background">
+      <source src="/img/bg video terms.mp4" type="video/mp4">
+       the video tag.
+  </video>
     <a href="index.html"><img src="./img/Screenshot 2024-01-23 003448.png" style="width: 130px; border-radius: 6px; margin-top: 20px; margin-left: 20px;"></a>
 
     <div class="container-fluid">
       <div class="row terms-and-conditions-section">
         <div class="col-xs-12 text-center">
-          <h1 class="title">Privacy Policy</h1>
+          <h1 class="title" style="color: #041338;">Privacy Policy</h1>
         </div>
 
         <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
@@ -164,6 +168,9 @@ <h2 class="section-title">Changes to This Privacy Policy</h2>
         </div>
       </div>
     </div>
+    <div>
+      <div  class="copyright-footer"> Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </div>
+     </div>
 
   </body>
 </html>
diff --git a/thankyou.css b/thankyou.css
@@ -0,0 +1,29 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+  background: linear-gradient(to right, #8e2de2, #4a00e0);
+  font-family: 'Roboto', sans-serif;
+}
+
+.container {
+  text-align: center;
+  padding: 20px;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  width: 90%;
+}
+
+.container:hover {
+  transform: scale(1.05);
+  transition: transform 0.3s ease;
+}
+
+h2 {
+  color: #333;
+  font-family: Arial, sans-serif;
+}
diff --git a/thankyou.html b/thankyou.html
@@ -4,8 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Thankyou</title>
+    <link rel="stylesheet" href="thankyou.css">
 </head>
 <body>
-    <h2>Thankyou for the valuable feedback!</h2>
+    <div class="container">
+        <h2>Thank you for the valuable feedback! <span>&#128077;</span></h2>
+    </div>
 </body>
 </html>
diff --git a/tnc.css b/tnc.css
@@ -87,7 +87,7 @@
     margin: 10px 0; }
     #terms-and-conditions .terms-and-conditions-section.grey {
       background-color: #f8f8fb; }
-    #terms-and-conditions .terms-and-conditions-section .section-title {
+    #terms-and-conditions .terms-and-conditions-section {
       color: #979797; }
 
   #about .about-section {
@@ -114,18 +114,7 @@
       height: 100px;
       margin-top: -50px; }
 
-  .title {
-    font-family: Lato;
-    font-weight: 100;
-    font-style: italic;
-    color: #979797;
-    margin-bottom: 30px; }
-
-  .section-header {
-    font-family: Aller;
-    font-weight: bold;
-    color: #6e7fd8; }
-
+
   .subtext {
     font-family: Lato;
     font-size: 18px;
@@ -144,4 +133,88 @@
         height: auto;
         margin-top: 0; }
     .how-to-image {
-      height: 200px; } }
+      height: 200px; } }
+
+    .container-fluid .logo {
+        width: 130px;
+        border-radius: 6px;
+        margin-top: 20px;
+        margin-left: 20px;
+    }
+
+    .container.terms-container {
+        max-width: 70%;
+        margin: 0 auto;
+        padding: 20px;
+        background-color: #0e1525;
+        border-radius: 10px;
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+    }
+
+    .video-background {
+      position: fixed;
+      right: 0;
+      bottom: 0;
+      min-width: 100%;
+      min-height: 100%;
+      z-index: -1;
+      opacity: 0.3;
+  }
+
+
+    .container-fluid .title {
+        font-size: 4.3em;
+        color: #0d94ba;
+        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        margin-bottom: 20px;
+        font-weight: 700;
+
+    }
+
+    .container-fluid .section-title {
+        font-size: 2em;
+        color: #0dcaf0;
+        margin-top: 20px;
+    }
+
+    .container-fluid .content p {
+        font-size: 1.2em;
+        line-height: 1.6;
+        color: #f0f0f0;
+        margin-bottom: 20px;
+    }
+    .text-center hr {
+      width: 50%;
+      color: #d56fa1;
+      opacity: 0.3;
+    }
+
+    @media (max-width: 768px) {
+        .container-fluid .title {
+            font-size: 2em;
+        }
+
+        .container-fluid .section-title {
+            font-size: 1.5em;
+        }
+
+        .container-fluid .content p {
+            font-size: 1em;
+        }
+    }
+
+    body {
+      font-family: 'Lato', sans-serif;
+      /* background-color: #0e1525; */
+      background: linear-gradient(to top, #080f21, #06255b);
+      color: #ffffff;
+      margin: 0;
+      padding: 0;
+  }
+  .copyright-footer {
+    display: flex;
+    justify-content: center;
+    margin-top: 25px;
+    font-size: 17px;
+    color: rgb(185, 185, 185);
+  }