From b5effceea0ca79f0beea65a1f2a76d8348111b9c Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Mon, 6 Oct 2025 19:18:57 +0530
Subject: [PATCH 01/15] Update style.css

---
 Travelling Website/style.css | 82 ++++++++++++++++++++++++++----------
 1 file changed, 60 insertions(+), 22 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index afbc9dad..c13742a0 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -316,23 +316,29 @@ body{
 }
 
 
-.page3{
-    margin-top: 20px;
-    width: 100vw;
-    height: 60vh;
-    
-    
+
+
+.page3 {
+  margin-top: 60px; /* Adds space from previous section */
+  width: 100vw;
+  min-height: 70vh; /* Use min-height, not fixed height */
+  background-color: #fff; /* Helps separate visually */
+  padding: 40px 0; /* Add breathing space inside */
+}
+
+.page3 .heading h1 {
+  font-size: 2rem;
+  text-align: center;
+  margin-bottom: 30px; /* Adds space below heading */
+  color: #123C69;
+}
+     
 }
 .page3 .hotels:hover{
     box-shadow: 0 2px 10px black;
 }
-/* @keyframes typing{
-    from {width: 0}
-    to {width: 100%}
-} */
+
 .page3 .heading{
-    
-    
     /* overflow: hidden; */
     /* width: 0; */
     /* white-space: nowrap; */
@@ -346,19 +352,46 @@ body{
     height: 300px;
 
 }
-.listhotels{
-    margin-top: 40px;
-    display: flex;
-    justify-content: space-evenly;
+.listhotels {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: wrap; /* Allows wrapping on small screens */
+  gap: 40px; /* Space between cards */
+  margin-top: 20px;
 }
-.type{
-    border: 2px solid rgb(221, 213, 213);;
-    padding: 10px;
-    transform: translateY(-2px);
-    border-bottom: 2px solid #123C69;
+
+.hotels {
+  width: 280px;
+  background-color: #f9f9f9;
+  border-radius: 12px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  text-align: center;
+}
+
+.hotels img {
+  width: 100%;
+  height: 220px;
+  object-fit: cover;
+}
+
+.hotels:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
+}
+
+.type {
+  padding: 15px;
+  font-size: 1.1rem;
+  color: #123C69;
+  border: none;
+  background-color: #fff;
 }
 
 
+
 .page4{
     height: 27vh;
     width: 100vw;
@@ -403,4 +436,9 @@ body{
     background-image: linear-gradient(to bottom right, #123C69,#EDC7B7);
     backdrop-filter: brightness(10px);
     -webkit-backdrop-filter: brightness(10px);
-}
\ No newline at end of file
+}
+
+section {
+  scroll-margin-top: 60px;
+  padding-top: 40px;
+}

From ecfca351db51b38111e2116b7ecf8c987c238e45 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Tue, 7 Oct 2025 07:22:02 +0530
Subject: [PATCH 02/15] Update style.css

---
 Travelling Website/style.css | 629 ++++++++++++++++-------------------
 1 file changed, 290 insertions(+), 339 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index c13742a0..4ad58dc1 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -1,363 +1,307 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Mooli', sans-serif;
-    font-weight: bolder;
-}
-body{
-    background-color: white;
-}
-
-
-.header{
-    height: 80vh;
-    width: 100vw;
-}
-.page1{
-    margin: auto;
-    height: 100vh;
-    width: 100vw;
-    
-}
-.navbar{
-    display: flex;
-    justify-content: space-evenly;
-}
-.navbarleft{
-    width: 100vw;
-    height: 8vh;
-    background-color: #EDC7B7;
-    box-shadow: 0px 2px 50px black;
-    display: flex;
-    
-    padding: 5px 5px;
-    
-    align-items: center;
-
-}
-.navbarleft ul{
-    display: flex;
-    flex-direction: row;
-    padding: 20px;
-    justify-content: space-around;
-    align-items: center;
-}
-.navbarleft ul li{
-    padding: 0px 10px;
-    list-style: none;
-}
-.navbarleft ul li a{
-    text-decoration: none;
-    display: inline-block;
-    font-size: 15px;
-    color: #123C69;
-}
-.navbarleft a:hover{
-    text-shadow: 0px 0px 0.25px #123C69;
-}
-.navbar2{
-    width: 100vw;
-    height: 7vh;
-    background-color: #123C69;
-    align-items: center;
-    justify-content: center;
-    display: flex;
-    padding: 10px;
-    
-}
-.navbar2 h1{
-    color: #EDC7B7;
-    font-size: 28px;
-    font-weight: 100;
-}
-
-.heroimg{
-    width: 100vw;
-    height: 60vh;
-    justify-content: center;
-    align-items: center;
-    background-image: url('Screenshot\ 2023-09-30\ 163012.png');
-    background-size: cover;
-    background-position: center;
-    background-attachment: fixed;
-    align-items: center;
-    justify-content: center;
-    background-repeat: no-repeat;
-}
-.bookingpage{
-    align-items: center;
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
-    padding: 30px;
-    
-}
-
-
-
-
-
-
-
-.bookingpagelow{
-    height: 40vh;
-    width: 40vw;
-    background-color: #F7F8F9;
-    border-radius: 20px;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0px 2px 10px black;
-    padding: 20px 20px;
-    
-}
-#input{
-    width: 36vw;
-    height: 60px;
-    border: 0px ;
-    border-radius: 5px;
-    padding: 30px;
-    margin-bottom: 10px;
-    margin-top: 25px;
-}
-.bookingpagetop{
-    height: 4vh;
-    width: 30vw;
-    background-color: white;
-    margin-top: 40px;
-    border-radius: 10px;
-    box-shadow: 0px 2px 10px black;
-    z-index: 100;
-    justify-content: center;
-    text-align: center;
-    padding: 7px;
-    transform: translateY(2vh);
-}
-.departure i{
-    margin-left: 15px;
-    cursor: pointer;
-}
-#input1{
-    width: 34vw;
-    height: 55px;
-    border: 0px ;
-    
-    cursor: pointer;
-    
-}
-.departure{
-    margin-top: 30px;
-    margin-bottom: 10px;
-    background-color: white;
-    justify-content: space-between;
-    align-items: center;
-    border-radius: 5px;
-    border: 2px solid rgb(221, 213, 213);
-    height: 60px;
-    display: flex;
-}
-
-.departure2{
-    margin-top: 20px;
-    margin-bottom: 10px;
-    background-color: white;
-    justify-content: space-between;
-    align-items: center;
-    border-radius: 5px;
-    border: 0px;
-    height: 60px;
-}
-.bookingpagetop h1{
-    color: #123C69;
-    font-weight: 400;
-    text-shadow: 0px 5px 10px #EDC7B7;
-    font-size: 20px;
-    letter-spacing: 2px;
-}
-.account{
-    border: 2px solid #123C69;
-    border-radius: 5px;
-    padding: 10px;
-    transition: 0.5s;
-}
-.account:hover{
-    background-color: #123C69;
-    color: white;
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Mooli', sans-serif;
+  font-weight: bolder;
 }
 
+body {
+  background-color: white;
+}
 
-.signin{
-    border: 2px solid ;
-    padding: 10px;
-    border-radius: 5px;
-    transition: 0.5s;
+/* ================= HEADER ================= */
+.header {
+  width: 100vw;
+  height: auto;
 }
 
-.signin:hover{
-    background-color: #123C69;
-    color: white;
+.page1 {
+  width: 100%;
+  height: 100vh;
+  position: relative;
 }
-.rightitems{
-    margin-left: 400px;
-}
-
-.arr_date{
-    padding: 10px;
-    width: 12.5vw;
-    height: 60px;
-    background-color: white;
-    border: 2px solid rgb(221, 213, 213);
-    margin-top: 10px;
-    display: flex;
-    flex-direction: column;
-    border-radius: 5px;
+
+/* ---------------- NAVBAR ---------------- */
+.navbar {
+  display: flex;
+  justify-content: space-evenly;
 }
 
-.search{
-    z-index: 100;
-    background-color: #123C69;
-    transform: translateY(-4vh);
-    text-align: center;    
-    width: 20vw;
-    height: 8vh;
-    border-radius: 20px;
-    color: #EDC7B7;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    font-size: 20px;
-    letter-spacing: 2px;
-    font-weight: 500;
+.navbarleft {
+  width: 100%;
+  height: 8vh;
+  background-color: #EDC7B7;
+  box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.3);
+  display: flex;
+  align-items: center;
+  padding: 5px;
+  position: relative;
+  z-index: 10;
 }
 
+.navbarleft ul {
+  display: flex;
+  flex-direction: row;
+  padding: 20px;
+  justify-content: space-around;
+  align-items: center;
+}
 
+.navbarleft ul li {
+  padding: 0 10px;
+  list-style: none;
+}
 
+.navbarleft ul li a {
+  text-decoration: none;
+  font-size: 15px;
+  color: #123C69;
+  transition: 0.3s;
+}
 
+.navbarleft a:hover {
+  text-shadow: 0px 0px 0.5px #123C69;
+}
 
-.search :hover{
-    animation: fill 2s;
-    cursor: pointer;
+.rightitems {
+  margin-left: auto;
+  margin-right: 30px;
 }
 
-@keyframes fill{
-    0% {width: 0%; background-color:#123C69;}
-    
-    100% {width: 100%; background-color: #123C69;}
+.signin,
+.account {
+  border: 2px solid #123C69;
+  padding: 8px 12px;
+  border-radius: 5px;
+  margin-left: 10px;
+  transition: 0.3s ease;
 }
 
+.signin:hover,
+.account:hover {
+  background-color: #123C69;
+  color: white;
+}
 
+/* ---------------- SLOGAN BAR ---------------- */
+.navbar2 {
+  width: 100%;
+  min-height: 8vh;
+  background-color: #123C69;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  position: relative;
+  z-index: 5;
+}
 
+.navbar2 h1 {
+  color: #EDC7B7;
+  font-size: 26px;
+  font-weight: 500;
+  letter-spacing: 1px;
+}
 
+/* ---------------- HERO IMAGE + BOOKING ---------------- */
+.heroimg {
+  width: 100%;
+  height: 70vh;
+  background-image: url('Screenshot 2023-09-30 163012.png');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
 
+.bookingpage {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-top: -50px;
+}
 
+.bookingpagetop {
+  background-color: #fff;
+  padding: 12px 30px;
+  border-radius: 15px;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  transform: translateY(20px);
+}
 
+.bookingpagetop h1 {
+  color: #123C69;
+  font-weight: 600;
+  font-size: 22px;
+  letter-spacing: 1px;
+  text-shadow: none;
+}
+
+.bookingpagelow {
+  width: 420px;
+  background-color: #F7F8F9;
+  border-radius: 15px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
+  padding: 25px;
+  margin-top: 25px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 
-.page2{
-    height: 40vh;
-    width: 100vw;
-    background-color: #EDC7B7;
+.departure {
+  margin-top: 20px;
+  background-color: white;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: 5px;
+  border: 2px solid rgb(221, 213, 213);
+  height: 60px;
+  display: flex;
+  width: 100%;
 }
-.page2 .heading{
-    
-    text-align: center;
-    font-size: 20px;
-    display: flex;
-    flex-direction: column;
+
+.departure i {
+  margin-left: 15px;
+  cursor: pointer;
 }
 
+#input1 {
+  width: 90%;
+  height: 55px;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding-left: 10px;
+  font-size: 15px;
+}
 
-.page2 img{
-    max-width: 200px;
-    height: 200px;
-    justify-content: space-between;
-    align-items: center;
-    gap: 20px;
-    border-radius: 100px;
-    
+.datedecider {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 15px;
+}
+
+.arr_date {
+  flex: 1;
+  padding: 10px;
+  height: 60px;
+  background-color: white;
+  border: 2px solid rgb(221, 213, 213);
+  border-radius: 5px;
+  margin: 0 5px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  font-size: 14px;
 }
-.places{
-    margin: auto;
-    margin-top: 50px;
-    justify-content: space-evenly;
-    align-items: center;
-    display: flex;
+
+.arr_date:hover {
+  cursor: pointer;
+  background-color: #f4f4f4;
 }
-.delhi{
-    text-align: center;
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
+
+.day {
+  color: rgb(150, 150, 150);
+  font-size: 12px;
 }
-.page2 img:hover{
-    box-shadow: 0 2px 10px black;
-    
+
+.search {
+  background-color: #123C69;
+  text-align: center;
+  width: 200px;
+  height: 50px;
+  border-radius: 25px;
+  color: #EDC7B7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 18px;
+  letter-spacing: 1px;
+  font-weight: 500;
+  margin-top: 20px;
+  transition: all 0.3s ease;
 }
-.delhi h4{
-    margin-top: 10px;
+
+.search:hover {
+  background-color: #0e2f52;
+  cursor: pointer;
+  transform: translateY(-3px);
 }
 
-.datedecider{
-    width: 37.5vw;
-    display: flex;
-    justify-content: space-evenly;
-    
-    
+/* ================= PAGE 2: TOP DESTINATIONS ================= */
+.page2 {
+  width: 100%;
+  background-color: #EDC7B7;
+  padding: 60px 0;
+  text-align: center;
 }
 
-.day{
-    color: rgb(221, 213, 213);
+.page2 .heading h1 {
+  font-size: 2rem;
+  color: #123C69;
 }
-.arr_date:hover{
-    cursor: pointer;
+
+.places {
+  margin-top: 40px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 40px;
 }
-.departure:hover{
-    cursor: pointer;
+
+.page2 img {
+  width: 180px;
+  height: 180px;
+  border-radius: 50%;
+  object-fit: cover;
+  transition: all 0.3s ease;
 }
 
+.page2 img:hover {
+  box-shadow: 0 4px 10px black;
+  transform: scale(1.05);
+}
 
+.delhi {
+  text-align: center;
+}
 
+.delhi h4 {
+  margin-top: 10px;
+  color: #123C69;
+}
 
+/* ================= PAGE 3: RENTAL PROPERTIES ================= */
 .page3 {
-  margin-top: 60px; /* Adds space from previous section */
-  width: 100vw;
-  min-height: 70vh; /* Use min-height, not fixed height */
-  background-color: #fff; /* Helps separate visually */
-  padding: 40px 0; /* Add breathing space inside */
+  margin-top: 80px;
+  width: 100%;
+  background-color: #fff;
+  padding: 60px 0;
+  text-align: center;
 }
 
 .page3 .heading h1 {
   font-size: 2rem;
-  text-align: center;
-  margin-bottom: 30px; /* Adds space below heading */
   color: #123C69;
-}
-     
-}
-.page3 .hotels:hover{
-    box-shadow: 0 2px 10px black;
-}
-
-.page3 .heading{
-    /* overflow: hidden; */
-    /* width: 0; */
-    /* white-space: nowrap; */
-    /* animation: typing 10s forwards; */
-    text-align: center;
+  margin-bottom: 30px;
 }
 
-
-.page3 .hotels img{
-    width: 300px;
-    height: 300px;
-
-}
 .listhotels {
   display: flex;
   justify-content: center;
   align-items: flex-start;
-  flex-wrap: wrap; /* Allows wrapping on small screens */
-  gap: 40px; /* Space between cards */
+  flex-wrap: wrap;
+  gap: 40px;
   margin-top: 20px;
 }
 
@@ -386,58 +330,65 @@ body{
   padding: 15px;
   font-size: 1.1rem;
   color: #123C69;
-  border: none;
   background-color: #fff;
+  border-top: 1px solid #eee;
 }
 
-
-
-.page4{
-    height: 27vh;
-    width: 100vw;
-    background-color: rgb(233, 235, 238);
+/* ================= PAGE 4: FOOTER LINKS ================= */
+.page4 {
+  width: 100%;
+  background-color: rgb(233, 235, 238);
+  padding: 40px 0;
 }
 
-.links{
-    display: flex;
-    justify-content: space-evenly;
-    
+.links {
+  display: flex;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
 }
 
-.links ul{
-    margin-top: 30px;
+.links ul {
+  margin-top: 20px;
+  list-style: none;
 }
 
-.links ul li{
-    list-style: none;
-}
-.links ul li h4{
-    margin-bottom: 10px;
+.links ul li {
+  margin-bottom: 8px;
 }
 
-.links ul li a{
-    text-decoration: none;
-    font-size: 15px;
-    color: rgb(42, 42, 46);
-    font-weight: 300;
+.links ul li h4 {
+  margin-bottom: 10px;
+  color: #123C69;
 }
 
+.links ul li a {
+  text-decoration: none;
+  font-size: 15px;
+  color: rgb(42, 42, 46);
+  font-weight: 400;
+  transition: 0.3s;
+}
 
+.links ul li a:hover {
+  color: #123C69;
+  text-decoration: underline;
+}
 
-.page5{
-    width: 100vw;
-    height: 20vh;
-    text-align: center;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: 300;
-    font-size: 18px;
-    background-image: linear-gradient(to bottom right, #123C69,#EDC7B7);
-    backdrop-filter: brightness(10px);
-    -webkit-backdrop-filter: brightness(10px);
+/* ================= PAGE 5: FOOTER COPYRIGHT ================= */
+.page5 {
+  width: 100%;
+  height: 15vh;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
+  font-size: 18px;
+  background-image: linear-gradient(to bottom right, #123C69, #EDC7B7);
+  color: white;
 }
 
+/* ================= GENERAL SPACING ================= */
 section {
   scroll-margin-top: 60px;
   padding-top: 40px;

From 7cf25aede66b0b8915f18c6265a5f0ee9a321643 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:29:54 +0530
Subject: [PATCH 03/15] Update style.css

---
 Travelling Website/style.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index 4ad58dc1..69a39273 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -198,22 +198,27 @@ body {
   border-radius: 5px;
   margin: 0 5px;
   display: flex;
-  flex-direction: column;
+  align-items: center;
   justify-content: center;
-  text-align: center;
+  gap: 6px;
   font-size: 14px;
+  font-weight: 500;
+  text-align: center;
+  white-space: nowrap; /* keeps everything in one line */
 }
 
+.arr_date .day {
+  color: rgb(120, 120, 120);
+  font-size: 13px;
+  font-weight: 400;
+}
+
+
 .arr_date:hover {
   cursor: pointer;
   background-color: #f4f4f4;
 }
 
-.day {
-  color: rgb(150, 150, 150);
-  font-size: 12px;
-}
-
 .search {
   background-color: #123C69;
   text-align: center;

From bd4897f14b9ac3bdc87f44fb6893dd9c420f2604 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:31:11 +0530
Subject: [PATCH 04/15] Update index.html

---
 Travelling Website/index.html | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/Travelling Website/index.html b/Travelling Website/index.html
index 5900348a..c5dcbdcc 100644
--- a/Travelling Website/index.html	
+++ b/Travelling Website/index.html	
@@ -72,12 +72,9 @@ <h1>Book Right Away !</h1>
               </div>
               <div class="departure2">
               <div class="datedecider">
-                <button class="arr_date">01 Oct 2023<span class="day">Sunday
-                </button>
-                <button class="arr_date">05 Oct 2023 <span class="day">Thursday
-                </button>
-                <button class="arr_date">Adults <span class="day">2 Children
-                </button>
+                <button class="arr_date">01 Oct 2023 <span class="day">(Sunday)</span></button>
+                <button class="arr_date">05 Oct 2023 <span class="day">(Thursday)</span></button>
+                <button class="arr_date">Adults <span class="day">(2 Children)</span></button>
               </div>
             </div>
             </div>

From e44f7c11dda76af9fb94a1c65b8dc99705099be6 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:39:22 +0530
Subject: [PATCH 05/15] Update index.html

---
 Travelling Website/index.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/Travelling Website/index.html b/Travelling Website/index.html
index c5dcbdcc..43f7e6f4 100644
--- a/Travelling Website/index.html	
+++ b/Travelling Website/index.html	
@@ -72,13 +72,14 @@ <h1>Book Right Away !</h1>
               </div>
               <div class="departure2">
               <div class="datedecider">
-                <button class="arr_date">01 Oct 2023 <span class="day">(Sunday)</span></button>
-                <button class="arr_date">05 Oct 2023 <span class="day">(Thursday)</span></button>
-                <button class="arr_date">Adults <span class="day">(2 Children)</span></button>
+                <button class="arr_date">
+                  01 Oct 2023 - 05 Oct 2023 <span class="day">(Sunday - Thursday)</span>
+                </button>
+                <button class="arr_date">
+                  Adults <span class="day">(2 Children)</span>
+                </button>
               </div>
             </div>
-            </div>
-
             <div class="search">
               <buttton>SEARCH</buttton>
             </div>

From c28389fd173834a69391fe94a61f2fc49fb823b0 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:40:06 +0530
Subject: [PATCH 06/15] Update style.css

---
 Travelling Website/style.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index 69a39273..a02f80c8 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -187,38 +187,38 @@ body {
   display: flex;
   justify-content: space-between;
   margin-top: 15px;
+  gap: 10px;
 }
 
 .arr_date {
   flex: 1;
-  padding: 10px;
+  padding: 12px 16px;
   height: 60px;
   background-color: white;
   border: 2px solid rgb(221, 213, 213);
   border-radius: 5px;
-  margin: 0 5px;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  font-size: 14px;
+  font-size: 15px;
   font-weight: 500;
-  text-align: center;
-  white-space: nowrap; /* keeps everything in one line */
-}
-
-.arr_date .day {
-  color: rgb(120, 120, 120);
-  font-size: 13px;
-  font-weight: 400;
+  color: #123C69;
+  white-space: nowrap;
+  transition: 0.3s ease;
 }
 
-
 .arr_date:hover {
   cursor: pointer;
   background-color: #f4f4f4;
 }
 
+.day {
+  color: rgb(120, 120, 120);
+  font-size: 13px;
+  margin-left: 6px;
+}
+
+
 .search {
   background-color: #123C69;
   text-align: center;

From ec17235620904e84ba40b6dfc8177b033a7f2a4b Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sat, 11 Oct 2025 23:46:18 +0530
Subject: [PATCH 07/15] Update index.html

---
 Travelling Website/index.html | 76 +++++++++--------------------------
 1 file changed, 20 insertions(+), 56 deletions(-)

diff --git a/Travelling Website/index.html b/Travelling Website/index.html
index 43f7e6f4..fd30a0df 100644
--- a/Travelling Website/index.html	
+++ b/Travelling Website/index.html	
@@ -7,16 +7,10 @@
     <link rel="stylesheet" href="style.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Mooli&display=swap"
-      rel="stylesheet"
-    />
+    <link href="https://fonts.googleapis.com/css2?family=Mooli&display=swap" rel="stylesheet" />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
-      integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
     />
   </head>
   <body>
@@ -24,12 +18,7 @@
       <div class="page1">
         <div class="navbar">
           <div class="navbarleft">
-            <img
-              src="logo-removebg-preview.png"
-              alt=""
-              width="180px"
-              height="180px"
-            />
+            <img src="logo-removebg-preview.png" alt="" width="180px" height="180px" />
             <ul>
               <li><a href="">Flight+Hotel</a></li>
               <li><a href="">Hotel & Homes</a></li>
@@ -51,37 +40,33 @@
         <div class="navbar2">
           <h1>"Explore More, Worry Less"</h1>
         </div>
+
         <div class="heroimg">
           <div class="bookingpage">
             <div class="bookingpagetop">
-              <h1>Book Right Away !</h1>
+              <h1>Book Right Away!</h1>
             </div>
             <div class="bookingpagelow">
               <div class="departure">
                 <i class="fa-solid fa-plane-departure"></i>
-                <input
-                  type="search"
-                  name=""
-                  id="input1"
-                  placeholder="Departure"
-                />
+                <input type="search" placeholder="Departure" />
               </div>
               <div class="departure">
-                <label for=""><i class="fa-solid fa-plane-arrival"></i></label>
-                <input type="text" id="input1" placeholder="Arrival" />
+                <i class="fa-solid fa-plane-arrival"></i>
+                <input type="text" placeholder="Arrival" />
               </div>
+
+              <!-- ONE COMBINED BUTTON for all selections -->
               <div class="departure2">
-              <div class="datedecider">
-                <button class="arr_date">
-                  01 Oct 2023 - 05 Oct 2023 <span class="day">(Sunday - Thursday)</span>
-                </button>
-                <button class="arr_date">
-                  Adults <span class="day">(2 Children)</span>
+                <button class="arr_date full-btn">
+                  From 01 Oct to 05 Oct 2023
+                  <span class="day">Tap to choose</span>
                 </button>
               </div>
             </div>
+
             <div class="search">
-              <buttton>SEARCH</buttton>
+              <button>SEARCH</button>
             </div>
           </div>
         </div>
@@ -94,36 +79,15 @@ <h1>Top Destinations In India</h1>
       </div>
 
       <div class="places">
-        <div class="delhi">
-          <img src="delhi.jpg" id="places" />
-          <h4>Delhi</h4>
-        </div>
-        <div class="delhi">
-          <img src="agra.jpg" id="places" />
-          <h4>Agra</h4>
-        </div>
-        <div class="delhi">
-          <img src="jaipur.jpg" id="places" />
-          <h4>Jaipur</h4>
-        </div>
-        <div class="delhi">
-          <img src="hyderabad.jpg" id="places" />
-          <h4>Hyderabad</h4>
-        </div>
-        <div class="delhi">
-          <img src="banglore.jpeg" id="places" />
-          <h4>Banglore</h4>
-        </div>
-        <div class="delhi">
-          <img src="mumbai.jpg" id="places" />
-          <h4>Mumbai</h4>
-        </div>
+        <div class="delhi"><img src="delhi.jpg" id="places" /><h4>Delhi</h4></div>
+        <div class="delhi"><img src="agra.jpg" id="places" /><h4>Agra</h4></div>
+        <div class="delhi"><img src="jaipur.jpg" id="places" /><h4>Jaipur</h4></div>
+        <div class="delhi"><img src="hyderabad.jpg" id="places" /><h4>Hyderabad</h4></div>
+        <div class="delhi"><img src="banglore.jpeg" id="places" /><h4>Bangalore</h4></div>
+        <div class="delhi"><img src="mumbai.jpg" id="places" /><h4>Mumbai</h4></div>
       </div>
     </section>
 
-
-
-
     <section class="page3">
       <div class="heading">
         <h1>Explore More Rentals Property</h1>

From 273e7853c714275b259361d04b4b69c44bc97e0f Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sat, 11 Oct 2025 23:46:30 +0530
Subject: [PATCH 08/15] Update style.css

---
 Travelling Website/style.css | 352 +++++++++++------------------------
 1 file changed, 109 insertions(+), 243 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index a02f80c8..04695887 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -2,44 +2,39 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  font-family: 'Mooli', sans-serif;
+  font-family: "Mooli", sans-serif;
   font-weight: bolder;
 }
-
 body {
   background-color: white;
+  overflow-x: hidden;
 }
 
-/* ================= HEADER ================= */
+/* Header */
 .header {
+  height: 80vh;
   width: 100vw;
-  height: auto;
 }
-
 .page1 {
-  width: 100%;
+  margin: auto;
   height: 100vh;
-  position: relative;
+  width: 100vw;
 }
 
-/* ---------------- NAVBAR ---------------- */
+/* Navbar */
 .navbar {
   display: flex;
   justify-content: space-evenly;
 }
-
 .navbarleft {
-  width: 100%;
+  width: 100vw;
   height: 8vh;
-  background-color: #EDC7B7;
-  box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.3);
+  background-color: #edc7b7;
+  box-shadow: 0px 2px 50px black;
   display: flex;
   align-items: center;
-  padding: 5px;
-  position: relative;
-  z-index: 10;
+  padding: 5px 10px;
 }
-
 .navbarleft ul {
   display: flex;
   flex-direction: row;
@@ -47,354 +42,225 @@ body {
   justify-content: space-around;
   align-items: center;
 }
-
 .navbarleft ul li {
-  padding: 0 10px;
+  padding: 0px 10px;
   list-style: none;
 }
-
 .navbarleft ul li a {
   text-decoration: none;
+  display: inline-block;
   font-size: 15px;
-  color: #123C69;
-  transition: 0.3s;
+  color: #123c69;
 }
-
 .navbarleft a:hover {
-  text-shadow: 0px 0px 0.5px #123C69;
+  text-shadow: 0px 0px 0.25px #123c69;
 }
 
+/* Right menu */
 .rightitems {
-  margin-left: auto;
-  margin-right: 30px;
+  margin-left: 400px;
 }
-
 .signin,
 .account {
-  border: 2px solid #123C69;
-  padding: 8px 12px;
+  border: 2px solid #123c69;
   border-radius: 5px;
-  margin-left: 10px;
-  transition: 0.3s ease;
+  padding: 8px 10px;
+  margin: 0 5px;
+  transition: 0.5s;
 }
-
 .signin:hover,
 .account:hover {
-  background-color: #123C69;
+  background-color: #123c69;
   color: white;
 }
 
-/* ---------------- SLOGAN BAR ---------------- */
+/* Tagline */
 .navbar2 {
-  width: 100%;
-  min-height: 8vh;
-  background-color: #123C69;
+  width: 100vw;
+  height: 7vh;
+  background-color: #123c69;
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 10px;
-  position: relative;
-  z-index: 5;
 }
-
 .navbar2 h1 {
-  color: #EDC7B7;
-  font-size: 26px;
-  font-weight: 500;
-  letter-spacing: 1px;
+  color: #edc7b7;
+  font-size: 28px;
+  font-weight: 100;
 }
 
-/* ---------------- HERO IMAGE + BOOKING ---------------- */
+/* Hero Section */
 .heroimg {
-  width: 100%;
-  height: 70vh;
-  background-image: url('Screenshot 2023-09-30 163012.png');
+  width: 100vw;
+  height: 60vh;
+  background-image: url("Screenshot 2023-09-30 163012.png");
   background-size: cover;
   background-position: center;
-  background-repeat: no-repeat;
+  background-attachment: fixed;
   display: flex;
-  justify-content: center;
   align-items: center;
-  position: relative;
+  justify-content: center;
 }
-
 .bookingpage {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-  margin-top: -50px;
+  padding: 30px;
 }
 
+/* Booking Card */
 .bookingpagetop {
-  background-color: #fff;
-  padding: 12px 30px;
-  border-radius: 15px;
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
+  background-color: white;
+  border-radius: 10px;
+  box-shadow: 0px 2px 10px black;
   text-align: center;
-  transform: translateY(20px);
+  padding: 7px 15px;
+  margin-bottom: 15px;
 }
-
 .bookingpagetop h1 {
-  color: #123C69;
-  font-weight: 600;
-  font-size: 22px;
-  letter-spacing: 1px;
-  text-shadow: none;
+  color: #123c69;
+  font-weight: 400;
+  text-shadow: 0px 5px 10px #edc7b7;
+  font-size: 20px;
+  letter-spacing: 2px;
 }
 
 .bookingpagelow {
-  width: 420px;
-  background-color: #F7F8F9;
-  border-radius: 15px;
-  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
-  padding: 25px;
-  margin-top: 25px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  width: 40vw;
+  background-color: #f7f8f9;
+  border-radius: 20px;
+  box-shadow: 0px 2px 10px black;
+  padding: 20px 25px;
 }
 
 .departure {
-  margin-top: 20px;
+  margin: 15px 0;
   background-color: white;
-  justify-content: space-between;
-  align-items: center;
   border-radius: 5px;
   border: 2px solid rgb(221, 213, 213);
-  height: 60px;
+  height: 55px;
   display: flex;
-  width: 100%;
+  align-items: center;
 }
-
 .departure i {
   margin-left: 15px;
-  cursor: pointer;
+  color: #123c69;
 }
-
-#input1 {
+.departure input {
   width: 90%;
-  height: 55px;
+  height: 100%;
   border: none;
   outline: none;
-  cursor: pointer;
-  padding-left: 10px;
-  font-size: 15px;
+  padding-left: 15px;
+  font-size: 16px;
 }
 
-.datedecider {
+/* Single wide button */
+.full-btn {
   width: 100%;
-  display: flex;
-  justify-content: space-between;
-  margin-top: 15px;
-  gap: 10px;
-}
-
-.arr_date {
-  flex: 1;
-  padding: 12px 16px;
-  height: 60px;
+  height: 55px;
   background-color: white;
   border: 2px solid rgb(221, 213, 213);
   border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
   display: flex;
-  align-items: center;
+  flex-direction: column;
   justify-content: center;
-  font-size: 15px;
-  font-weight: 500;
-  color: #123C69;
-  white-space: nowrap;
-  transition: 0.3s ease;
-}
-
-.arr_date:hover {
-  cursor: pointer;
-  background-color: #f4f4f4;
+  align-items: center;
 }
-
-.day {
-  color: rgb(120, 120, 120);
+.full-btn .day {
+  color: #bbb;
   font-size: 13px;
-  margin-left: 6px;
+  margin-top: 3px;
 }
 
-
+/* Search Button */
 .search {
-  background-color: #123C69;
-  text-align: center;
+  margin-top: 20px;
+}
+.search button {
   width: 200px;
   height: 50px;
+  border: none;
   border-radius: 25px;
-  color: #EDC7B7;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  background-color: #123c69;
+  color: #edc7b7;
   font-size: 18px;
   letter-spacing: 1px;
-  font-weight: 500;
-  margin-top: 20px;
-  transition: all 0.3s ease;
-}
-
-.search:hover {
-  background-color: #0e2f52;
   cursor: pointer;
-  transform: translateY(-3px);
+  transition: 0.3s ease;
+}
+.search button:hover {
+  background-color: #edc7b7;
+  color: #123c69;
+  transform: scale(1.05);
 }
 
-/* ================= PAGE 2: TOP DESTINATIONS ================= */
+/* Section 2 */
 .page2 {
-  width: 100%;
-  background-color: #EDC7B7;
-  padding: 60px 0;
-  text-align: center;
+  height: auto;
+  padding: 40px 0;
+  background-color: #edc7b7;
 }
-
-.page2 .heading h1 {
-  font-size: 2rem;
-  color: #123C69;
+.page2 .heading {
+  text-align: center;
+  font-size: 20px;
 }
-
 .places {
   margin-top: 40px;
   display: flex;
+  justify-content: space-evenly;
   flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  gap: 40px;
+  gap: 30px;
 }
-
-.page2 img {
-  width: 180px;
-  height: 180px;
-  border-radius: 50%;
-  object-fit: cover;
-  transition: all 0.3s ease;
+.delhi img {
+  width: 200px;
+  height: 200px;
+  border-radius: 100px;
+  transition: 0.3s;
 }
-
-.page2 img:hover {
-  box-shadow: 0 4px 10px black;
+.delhi img:hover {
+  box-shadow: 0 2px 10px black;
   transform: scale(1.05);
 }
-
-.delhi {
-  text-align: center;
-}
-
 .delhi h4 {
   margin-top: 10px;
-  color: #123C69;
-}
-
-/* ================= PAGE 3: RENTAL PROPERTIES ================= */
-.page3 {
-  margin-top: 80px;
-  width: 100%;
-  background-color: #fff;
-  padding: 60px 0;
-  text-align: center;
-}
-
-.page3 .heading h1 {
-  font-size: 2rem;
-  color: #123C69;
-  margin-bottom: 30px;
-}
-
-.listhotels {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  flex-wrap: wrap;
-  gap: 40px;
-  margin-top: 20px;
-}
-
-.hotels {
-  width: 280px;
-  background-color: #f9f9f9;
-  border-radius: 12px;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
   text-align: center;
 }
 
-.hotels img {
-  width: 100%;
-  height: 220px;
-  object-fit: cover;
-}
-
-.hotels:hover {
-  transform: translateY(-5px);
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
-}
-
-.type {
-  padding: 15px;
-  font-size: 1.1rem;
-  color: #123C69;
-  background-color: #fff;
-  border-top: 1px solid #eee;
-}
-
-/* ================= PAGE 4: FOOTER LINKS ================= */
+/* Footer */
 .page4 {
-  width: 100%;
-  background-color: rgb(233, 235, 238);
-  padding: 40px 0;
+  background-color: #f1f1f1;
+  padding: 30px 0;
 }
-
 .links {
   display: flex;
   justify-content: space-evenly;
   flex-wrap: wrap;
 }
-
 .links ul {
-  margin-top: 20px;
   list-style: none;
+  margin: 10px;
 }
-
-.links ul li {
-  margin-bottom: 8px;
-}
-
 .links ul li h4 {
   margin-bottom: 10px;
-  color: #123C69;
 }
-
 .links ul li a {
   text-decoration: none;
-  font-size: 15px;
-  color: rgb(42, 42, 46);
-  font-weight: 400;
-  transition: 0.3s;
-}
-
-.links ul li a:hover {
-  color: #123C69;
-  text-decoration: underline;
+  color: #2a2a2e;
+  font-size: 14px;
+  line-height: 1.8;
 }
 
-/* ================= PAGE 5: FOOTER COPYRIGHT ================= */
+/* Bottom Text */
 .page5 {
-  width: 100%;
-  height: 15vh;
-  text-align: center;
+  background-image: linear-gradient(to bottom right, #123c69, #edc7b7);
+  height: 10vh;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 400;
   font-size: 18px;
-  background-image: linear-gradient(to bottom right, #123C69, #EDC7B7);
   color: white;
 }
-
-/* ================= GENERAL SPACING ================= */
-section {
-  scroll-margin-top: 60px;
-  padding-top: 40px;
-}

From b3e0097e6182735cd7228be188a39838c41d88ed Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sat, 11 Oct 2025 23:54:29 +0530
Subject: [PATCH 09/15] Update style.css

---
 Travelling Website/style.css | 37 +++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index 04695887..b266affd 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -229,10 +229,45 @@ body {
   text-align: center;
 }
 
+.page3{
+    margin-top: 20px;
+    width: 100vw;
+    height: 60vh;
+    margin-bottom: 60px;
+    
+    
+}
+.page3 .hotels:hover{
+    box-shadow: 0 2px 10px black;
+}
+
+.page3 .heading{
+    text-align: center;
+}
+
+
+.page3 .hotels img{
+    width: 300px;
+    height: 300px;
+
+}
+.listhotels{
+    margin-top: 40px;
+    display: flex;
+    justify-content: space-evenly;
+}
+.type{
+    border: 2px solid rgb(221, 213, 213);;
+    padding: 10px;
+    transform: translateY(-2px);
+    border-bottom: 2px solid #123C69;
+}
+
+
 /* Footer */
 .page4 {
   background-color: #f1f1f1;
-  padding: 30px 0;
+  padding: 70px 0;
 }
 .links {
   display: flex;

From e500f4089f87d71ff3b2480c4fdfdff8da046661 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 10:07:41 +0530
Subject: [PATCH 10/15] Update style.css

---
 Travelling Website/style.css | 444 +++++++++++++++++++++++------------
 1 file changed, 289 insertions(+), 155 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index b266affd..c90563ec 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -1,202 +1,336 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: "Mooli", sans-serif;
-  font-weight: bolder;
-}
-body {
-  background-color: white;
-  overflow-x: hidden;
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Mooli', sans-serif;
+    font-weight: bolder;
+}
+body{
+    background-color: white;
 }
 
-/* Header */
-.header {
-  height: 80vh;
-  width: 100vw;
+
+.header{
+    height: 80vh;
+    width: 100vw;
 }
-.page1 {
-  margin: auto;
-  height: 100vh;
-  width: 100vw;
+.page1{
+    margin: auto;
+    height: 100vh;
+    width: 100vw;
+    
+}
+.navbar{
+    display: flex;
+    justify-content: space-evenly;
 }
+.navbarleft{
+    width: 100vw;
+    height: 8vh;
+    background-color: #EDC7B7;
+    box-shadow: 0px 2px 50px black;
+    display: flex;
+    
+    padding: 5px 5px;
+    
+    align-items: center;
 
-/* Navbar */
-.navbar {
-  display: flex;
-  justify-content: space-evenly;
 }
-.navbarleft {
-  width: 100vw;
-  height: 8vh;
-  background-color: #edc7b7;
-  box-shadow: 0px 2px 50px black;
-  display: flex;
-  align-items: center;
-  padding: 5px 10px;
+.navbarleft ul{
+    display: flex;
+    flex-direction: row;
+    padding: 20px;
+    justify-content: space-around;
+    align-items: center;
 }
-.navbarleft ul {
-  display: flex;
-  flex-direction: row;
-  padding: 20px;
-  justify-content: space-around;
-  align-items: center;
+.navbarleft ul li{
+    padding: 0px 10px;
+    list-style: none;
 }
-.navbarleft ul li {
-  padding: 0px 10px;
-  list-style: none;
+.navbarleft ul li a{
+    text-decoration: none;
+    display: inline-block;
+    font-size: 15px;
+    color: #123C69;
 }
-.navbarleft ul li a {
-  text-decoration: none;
-  display: inline-block;
-  font-size: 15px;
-  color: #123c69;
+.navbarleft a:hover{
+    text-shadow: 0px 0px 0.25px #123C69;
 }
-.navbarleft a:hover {
-  text-shadow: 0px 0px 0.25px #123c69;
+.navbar2{
+    width: 100vw;
+    height: 7vh;
+    background-color: #123C69;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    padding: 10px;
+    
+}
+.navbar2 h1{
+    color: #EDC7B7;
+    font-size: 28px;
+    font-weight: 100;
 }
 
-/* Right menu */
-.rightitems {
-  margin-left: 400px;
+.heroimg{
+    width: 100vw;
+    height: 60vh;
+    justify-content: center;
+    align-items: center;
+    background-image: url('Screenshot\ 2023-09-30\ 163012.png');
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+    align-items: center;
+    justify-content: center;
+    background-repeat: no-repeat;
+}
+.bookingpage{
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    padding: 30px;
+    
 }
-.signin,
-.account {
-  border: 2px solid #123c69;
-  border-radius: 5px;
-  padding: 8px 10px;
-  margin: 0 5px;
-  transition: 0.5s;
+
+
+.bookingpagelow{
+    height: 40vh;
+    width: 40vw;
+    background-color: #F7F8F9;
+    border-radius: 20px;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 2px 10px black;
+    padding: 20px 20px;
+    
 }
-.signin:hover,
-.account:hover {
-  background-color: #123c69;
-  color: white;
+#input{
+    width: 36vw;
+    height: 60px;
+    border: 0px ;
+    border-radius: 5px;
+    padding: 30px;
+    margin-bottom: 10px;
+    margin-top: 25px;
+}
+.bookingpagetop {
+    height: auto;
+    width: 30vw;
+    background-color: white;
+    margin-top: 6px;
+    margin-bottom: 25px; /* adds space below the title box */
+    border-radius: 10px;
+    box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
+    z-index: 10;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    padding: 10px 0;
+    position: relative;
+}
+.bookingpagetop h1 {
+    color: #123C69;
+    font-weight: 500;
+    letter-spacing: 2px;
+    font-size: 20px;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
 }
 
-/* Tagline */
-.navbar2 {
-  width: 100vw;
-  height: 7vh;
-  background-color: #123c69;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.departure i{
+    margin-left: 15px;
+    cursor: pointer;
 }
-.navbar2 h1 {
-  color: #edc7b7;
-  font-size: 28px;
-  font-weight: 100;
+#input1{
+    width: 34vw;
+    height: 55px;
+    border: 0px ;
+    cursor: pointer;  
 }
 
-/* Hero Section */
-.heroimg {
-  width: 100vw;
-  height: 60vh;
-  background-image: url("Screenshot 2023-09-30 163012.png");
-  background-size: cover;
-  background-position: center;
-  background-attachment: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.departure{
+    margin-top: 10px;
+    margin-bottom: 10px;
+    background-color: white;
+    justify-content: space-between;
+    align-items: center;
+    border-radius: 5px;
+    border: 2px solid rgb(221, 213, 213);
+    height: 60px;
+    display: flex;
 }
-.bookingpage {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 30px;
+
+.departure2{
+    margin-top: 10px;
+    margin-bottom: 10px;
+    background-color: white;
+    justify-content: space-between;
+    align-items: center;
+    border-radius: 5px;
+    border: 0px;
+    height: 60px;
 }
 
-/* Booking Card */
-.bookingpagetop {
-  background-color: white;
-  border-radius: 10px;
-  box-shadow: 0px 2px 10px black;
-  text-align: center;
-  padding: 7px 15px;
-  margin-bottom: 15px;
+.account{
+    border: 2px solid #123C69;
+    border-radius: 5px;
+    padding: 10px;
+    transition: 0.5s;
 }
-.bookingpagetop h1 {
-  color: #123c69;
-  font-weight: 400;
-  text-shadow: 0px 5px 10px #edc7b7;
-  font-size: 20px;
-  letter-spacing: 2px;
+.account:hover{
+    background-color: #123C69;
+    color: white;
 }
 
-.bookingpagelow {
-  width: 40vw;
-  background-color: #f7f8f9;
-  border-radius: 20px;
-  box-shadow: 0px 2px 10px black;
-  padding: 20px 25px;
+
+.signin{
+    border: 2px solid ;
+    padding: 10px;
+    border-radius: 5px;
+    transition: 0.5s;
 }
 
-.departure {
-  margin: 15px 0;
-  background-color: white;
-  border-radius: 5px;
-  border: 2px solid rgb(221, 213, 213);
-  height: 55px;
-  display: flex;
-  align-items: center;
+.signin:hover{
+    background-color: #123C69;
+    color: white;
+}
+.rightitems{
+    margin-left: 400px;
+}
+
+.arr_date{
+    padding: 10px;
+    width: 12.5vw;
+    height: 60px;
+    background-color: white;
+    border: 2px solid rgb(221, 213, 213);
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    border-radius: 5px;
+}
+
+.search {
+    background-color: #123C69;
+    margin-top: 10px;  /* pushes button below card */
+    text-align: center;    
+    width: 20vw;
+    height: 8vh;
+    border-radius: 20px;
+    color: #EDC7B7;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 20px;
+    letter-spacing: 2px;
+    font-weight: 500;
+    box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
+    transition: all 0.3s ease;
+}
+.search:hover {
+    background-color: #0d2e52;
+    cursor: pointer;
+}
+
+
+@keyframes fill{
+    0% {width: 0%; background-color:#123C69;}
+    
+    100% {width: 100%; background-color: #123C69;}
+}
+
+
+.page2{
+    height: 40vh;
+    width: 100vw;
+    background-color: #EDC7B7;
+}
+.page2 .heading{
+    
+    text-align: center;
+    font-size: 20px;
+    display: flex;
+    flex-direction: column;
+}
+
+
+.page2 img{
+    max-width: 200px;
+    height: 200px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 20px;
+    border-radius: 100px;
+    
 }
-.departure i {
-  margin-left: 15px;
-  color: #123c69;
+.places{
+    margin: auto;
+    margin-top: 50px;
+    justify-content: space-evenly;
+    align-items: center;
+    display: flex;
+}
+.delhi{
+    text-align: center;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+}
+.page2 img:hover{
+    box-shadow: 0 2px 10px black;
+    
 }
-.departure input {
-  width: 90%;
-  height: 100%;
-  border: none;
-  outline: none;
-  padding-left: 15px;
-  font-size: 16px;
+.delhi h4{
+    margin-top: 10px;
 }
 
-/* Single wide button */
-.full-btn {
-  width: 100%;
-  height: 55px;
+.datedecider {
+  width: 37.5vw;
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.arr_date {
+  flex: 1;
+  height: 70px;
   background-color: white;
   border: 2px solid rgb(221, 213, 213);
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 16px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: bold;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  color: #123C69;
+  transition: 0.3s ease;
 }
-.full-btn .day {
-  color: #bbb;
-  font-size: 13px;
-  margin-top: 3px;
+
+.arr_date:hover {
+  cursor: pointer;
+  border-color: #123C69;
+  box-shadow: 0 2px 6px rgba(18, 60, 105, 0.2);
 }
 
-/* Search Button */
-.search {
-  margin-top: 20px;
+.day {
+  color: #a7a7a7;
+  font-weight: normal;
+  font-size: 13px;
 }
-.search button {
-  width: 200px;
-  height: 50px;
-  border: none;
-  border-radius: 25px;
-  background-color: #123c69;
-  color: #edc7b7;
-  font-size: 18px;
-  letter-spacing: 1px;
-  cursor: pointer;
-  transition: 0.3s ease;
+.departure:hover{
+    cursor: pointer;
 }
-.search button:hover {
-  background-color: #edc7b7;
-  color: #123c69;
-  transform: scale(1.05);
+
+
+.people {
+  border: 2px solid rgb(221, 213, 213);
 }
 
+
+
 /* Section 2 */
 .page2 {
   height: auto;

From 554e01ea09c6884a06c85550210dc80c2cea3591 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 10:08:03 +0530
Subject: [PATCH 11/15] Update index.html

---
 Travelling Website/index.html | 49 ++++++++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/Travelling Website/index.html b/Travelling Website/index.html
index fd30a0df..7cf7c667 100644
--- a/Travelling Website/index.html	
+++ b/Travelling Website/index.html	
@@ -7,10 +7,16 @@
     <link rel="stylesheet" href="style.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Mooli&display=swap" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Mooli&display=swap"
+      rel="stylesheet"
+    />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
+      integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
     />
   </head>
   <body>
@@ -18,7 +24,12 @@
       <div class="page1">
         <div class="navbar">
           <div class="navbarleft">
-            <img src="logo-removebg-preview.png" alt="" width="180px" height="180px" />
+            <img
+              src="logo-removebg-preview.png"
+              alt=""
+              width="180px"
+              height="180px"
+            />
             <ul>
               <li><a href="">Flight+Hotel</a></li>
               <li><a href="">Hotel & Homes</a></li>
@@ -40,33 +51,41 @@
         <div class="navbar2">
           <h1>"Explore More, Worry Less"</h1>
         </div>
-
         <div class="heroimg">
           <div class="bookingpage">
             <div class="bookingpagetop">
-              <h1>Book Right Away!</h1>
+              <h1>Book Right Away !</h1>
             </div>
             <div class="bookingpagelow">
               <div class="departure">
                 <i class="fa-solid fa-plane-departure"></i>
-                <input type="search" placeholder="Departure" />
+                <input
+                  type="search"
+                  name=""
+                  id="input1"
+                  placeholder="Departure"
+                />
               </div>
               <div class="departure">
-                <i class="fa-solid fa-plane-arrival"></i>
-                <input type="text" placeholder="Arrival" />
+                <label for=""><i class="fa-solid fa-plane-arrival"></i></label>
+                <input type="text" id="input1" placeholder="Arrival" />
               </div>
-
-              <!-- ONE COMBINED BUTTON for all selections -->
               <div class="departure2">
-                <button class="arr_date full-btn">
-                  From 01 Oct to 05 Oct 2023
-                  <span class="day">Tap to choose</span>
-                </button>
-              </div>
+                <div class="datedecider">
+                    <button class="arr_date full_date">
+                    From 01 Oct to 05 Oct 2023 <br>
+                    <span class="day">(Sunday–Thursday)</span>
+                    </button>
+                    <button class="arr_date people">
+                    Adults 2 <br>
+                    <span class="day">Children 1</span>
+                    </button>
+                </div>
+             </div>
             </div>
 
             <div class="search">
-              <button>SEARCH</button>
+              <buttton>SEARCH</buttton>
             </div>
           </div>
         </div>

From 71692692a99c3dc5001e9811aafb669b7e40e90f Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 11:05:39 +0530
Subject: [PATCH 12/15] Update index.html


From b2a18c51962a5bbf09fc2f1d3b4e7863ea6221c3 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 11:11:31 +0530
Subject: [PATCH 13/15] Update index.html


From 8caf7d9e42145dd5cd0b73a560a7b15ae7ce25e4 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 11:11:50 +0530
Subject: [PATCH 14/15] Update style.css

---
 Travelling Website/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index c90563ec..cc64b9cc 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -119,8 +119,8 @@ body{
     height: auto;
     width: 30vw;
     background-color: white;
-    margin-top: 6px;
-    margin-bottom: 25px; /* adds space below the title box */
+    margin-top: 4px;
+    margin-bottom: 15px; /* adds space below the title box */
     border-radius: 10px;
     box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
     z-index: 10;
@@ -135,7 +135,7 @@ body{
     color: #123C69;
     font-weight: 500;
     letter-spacing: 2px;
-    font-size: 20px;
+    font-size: 18px;
     text-shadow: 0 1px 2px rgba(0,0,0,0.15);
 }
 

From d398573f4e1fc66bcf482e5c8dd26c6c4b8ee581 Mon Sep 17 00:00:00 2001
From: Shamli <148671000+Shamli-Singh-Yadav@users.noreply.github.com>
Date: Sun, 12 Oct 2025 11:15:52 +0530
Subject: [PATCH 15/15] Update style.css

---
 Travelling Website/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Travelling Website/style.css b/Travelling Website/style.css
index cc64b9cc..39cf305d 100644
--- a/Travelling Website/style.css	
+++ b/Travelling Website/style.css	
@@ -74,7 +74,7 @@ body{
 
 .heroimg{
     width: 100vw;
-    height: 60vh;
+    height: 80vh;
     justify-content: center;
     align-items: center;
     background-image: url('Screenshot\ 2023-09-30\ 163012.png');