From 4d5e7041e833d88005b7c73401ffb30e64ca6940 Mon Sep 17 00:00:00 2001 From: Ashmita Date: Sat, 20 Jul 2024 01:37:41 +0530 Subject: [PATCH 1/6] Enhanced About Section --- Image-Gallery/style.css | 2 +- styles.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index d153136f..209fd089 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -32,7 +32,7 @@ body { .dark-theme { --secondary-color: #0e1525; - --text-dark: #8c0ffa; + --text-dark: white; --arr-light: white; --body-light: #0e1525; --img-color:red; diff --git a/styles.css b/styles.css index b339037a..8206facf 100644 --- a/styles.css +++ b/styles.css @@ -2356,7 +2356,7 @@ body { /* Styling for elements with .aboutcontent class */ .aboutcontent { text-align: center; - color: var(--text-dark); + color: black; margin-bottom: 20px; flex: 1 1 300px; /* Make flex items responsive */ padding: 20px; From 0cd7fbf926f867a1f61c4538a097b2fb9e83bab0 Mon Sep 17 00:00:00 2001 From: Ashmita Barthwal <149078715+AshmitaBarthwal@users.noreply.github.com> Date: Sat, 20 Jul 2024 22:34:08 +0530 Subject: [PATCH 2/6] Update styles.css --- styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 8206facf..b9abfd40 100644 --- a/styles.css +++ b/styles.css @@ -2346,7 +2346,7 @@ body { justify-content: space-between; align-items: center; flex-wrap: wrap; - background: linear-gradient(135deg, #7b4397, #dc2430); /* Gradient background */ + background: linear-gradient(135deg, #7b4397, #32b1fa, rgb(254, 71, 227)); /* Gradient background */ padding: 40px 20px; /* Add padding for spacing */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow */ @@ -2872,4 +2872,4 @@ a:hover::after { .footer__link:hover::after { width: 100%; background-color: red; -} \ No newline at end of file +} From 81467299cc621b6425d772b4fb5c07d6452d51f2 Mon Sep 17 00:00:00 2001 From: Ashmita Barthwal <149078715+AshmitaBarthwal@users.noreply.github.com> Date: Sun, 21 Jul 2024 22:00:23 +0530 Subject: [PATCH 3/6] Update style.css --- Image-Gallery/style.css | 8 -------- 1 file changed, 8 deletions(-) diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index 209fd089..a38dce20 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -177,11 +177,3 @@ body { #next { left: 100%; } -.goog-te-gadget img { - vertical-align: middle; - border: none; - width: 110px; /* Ensure the width is set to auto */ - height: auto; /* Ensure the height is set to auto */ - max-width: 100%; /* Adjust this value if needed */ - max-height: 100%; /* Adjust this value if needed */ -} \ No newline at end of file From 1c94ffb57aa792cf8d2a69c227d977997d7ae859 Mon Sep 17 00:00:00 2001 From: Ashmita Barthwal <149078715+AshmitaBarthwal@users.noreply.github.com> Date: Sun, 21 Jul 2024 22:03:24 +0530 Subject: [PATCH 4/6] Update style.css --- Image-Gallery/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index a38dce20..2012156e 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -32,7 +32,7 @@ body { .dark-theme { --secondary-color: #0e1525; - --text-dark: white; + --text-dark: #ffffff; --arr-light: white; --body-light: #0e1525; --img-color:red; From 3944c9c82e908c4fc526c89ff84296462a801a7c Mon Sep 17 00:00:00 2001 From: Ashmita Barthwal <149078715+AshmitaBarthwal@users.noreply.github.com> Date: Mon, 22 Jul 2024 19:56:56 +0530 Subject: [PATCH 5/6] Update styles.css --- styles.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/styles.css b/styles.css index b9abfd40..58234459 100644 --- a/styles.css +++ b/styles.css @@ -2873,3 +2873,42 @@ a:hover::after { width: 100%; background-color: red; } +.categories{ + margin-left: auto; + margin-right: 60px; + display: flex; + flex-direction: row; + overflow: hidden; + position: relative; + align-items: center; + -ms-overflow-style: none; + scroll-behavior: smooth; + scrollbar-width: none; + /* max-width: 50%; */ +} + +.categories .each{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 2px; + width: 100%; + padding: 2px 6px; + border: 1.2px solid #5c5c5c; + border-radius: 25px; + cursor: pointer; +} + +.each:active{ + background-color: #a8d6fd; + +} + +.each h5{ + margin-left: 2px; + margin-top: auto; + color:#0077b5; + margin-bottom: auto; + font-size: 14px; + font-weight: 600; +} From 998836a9913a9418e19565bb86425e5516ad3e1c Mon Sep 17 00:00:00 2001 From: Ashmita Barthwal <149078715+AshmitaBarthwal@users.noreply.github.com> Date: Mon, 22 Jul 2024 20:28:27 +0530 Subject: [PATCH 6/6] Update styles.css --- styles.css | 175 ++++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 132 insertions(+), 43 deletions(-) diff --git a/styles.css b/styles.css index 58234459..5b61f31d 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,3 @@ - - - @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Oxygen:wght@300&display=swap"); @@ -330,7 +327,7 @@ body { padding: 5rem 1rem; }*/ -/*Creating Curved Corners for the Video*/ +/Creating Curved Corners for the Video/ .section__container { /* max-width: var(--max-width); */ margin: auto; @@ -413,7 +410,7 @@ body { .section__subtitle { font-size: 1rem; color: var(--text-dark); - max-width: calc(var(--max-width) / 2); + /* max-width: calc(var(--max-width) / 2); */ /* text-align: right; */ text-align: center; } @@ -447,15 +444,15 @@ body { border-top-left-radius: 0; border-bottom-left-radius: 0; transition: all 0.4s ease-in-out; - padding-left: 20px; - padding-right: 20px; + padding-left: 0px; + /* padding-right: 20px; */ width: auto; border: none; background-color: transparent; color: slateblue; font-weight: 500; - font-size: 28px; - letter-spacing: 2px; + font-size: 27px; + letter-spacing: 1.59px; vertical-align: middle; text-decoration: none; white-space: nowrap; @@ -526,6 +523,9 @@ img { width: 100%; display: block; } +.sitelogo{ + width: 8%; +} body { font-family: "Poppins", sans-serif; @@ -573,6 +573,11 @@ link a:hover { background-color:red; } +.navLinks a:hover{ + text-decoration: underline; + color: red; +} + .home { margin-left: 210px; } @@ -1573,7 +1578,7 @@ body.dark-theme .items { backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px, /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px, - /* Light shadow */ rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; /* Light inset shadow */ + /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */ } .contact { @@ -2083,10 +2088,10 @@ body { transition: all 0.2s ease-in-out; } -.link a:hover::before { +/* .link a:hover::before { width: 100%; transition: all 0.2s ease-in-out; -} +} */ .link a:hover::after { width: 100%; @@ -2098,6 +2103,10 @@ body { box-sizing: border-box; } +#themeToggle { + width: inherit; +} + .hamburger { height: 2rem; width: 1.7rem; @@ -2188,6 +2197,11 @@ body { .navLinks.activeHamburger { width: 100%; } + +/* Initially the Login Button and View button are not in Hamburger Menu */ +.navLinks #LogIn-link, .navLinks #View-link { + display: none; +} /* @media screen and (max-width: 1146px) { .toggle-container { position: relative; @@ -2221,6 +2235,64 @@ body { top: 1px; } } */ + +/* Move Login from newNav to Hamburger */ +@media screen and (max-width: 690px) { + .navLinks #LogIn-link { + display: inline; + } + .newNav #nav-login-btn { + display: none; + } +} + +/* Move Login from Hamburger to newNav */ +@media screen and (min-width: 690px) { + .navLinks #LogIn-link { + display: none; + } + .newNav #nav-login-btn { + display: inline; + } +} + +/* Move View from newNav to Hamburger */ +@media screen and (max-width: 510px) { + .navLinks #View-link { + display: inline; + } + .newNav #nav-view-btn { + display: none; + } + .newNav img{ + position: relative; + } +} + +/* Move View from Hamburger to newNav */ +@media screen and (min-width: 510px) { + .navLinks #View-link { + display: none; + } + .newNav #nav-view-btn { + display: inline; + } +} + +/* TO prevent unnecessary wrapping */ +@media screen and (max-width: 400px) { + .newNav { + gap: 0; + } +} + +/* Hide the logo name */ +@media screen and (max-width: 350px) { + .newNav .nav__logo { + display: none; + } +} + @media screen and (max-width: 652px) { .toggle { width: 5vw; @@ -2228,21 +2300,7 @@ body { .line { width: 5vw; } - .newNav img { - position: relative; - bottom: 23px; - left: 109px; - } - .nav__logo { - position: relative; - left: 85px; - bottom: 20px; - } - .btn { - position: relative; - top: 30px; - left: -147px; - } + } @media only screen and (max-width:577px){ .but{ @@ -2252,14 +2310,7 @@ body { } } @media only screen and (max-width: 465.5px){ - .newNav img{ - position: relative; - left: -58px; - } - .nav__logo{ - position: relative; - left: -82px; - } + .but{ position: relative; left:17px; @@ -2517,6 +2568,27 @@ body { 0 0 200px black; } +.hotel .center-card { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + gap: 20px; + margin-top: 50px; +} + +.hotel .center-card div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.hotel .center-card div .btn{ + bottom: 0; +} + + + /* Testimonial Section */ @media (min-width: 320px) { .testimonials { @@ -2544,6 +2616,25 @@ body { top: 45px; } +/* Light theme */ +.testimonials .testimonial-user{ + background-color: #efefef; +} +.testimonials .testimonial-user p{ + color: #2a2e31; +} +/* Dark theme */ +body.dark-theme .testimonials { + background-color: #002152; +} + +body.dark-theme .testimonials .testimonial-user{ + background-color: black; +} +body.dark-theme .testimonials .testimonial-user p{ + color: white; +} + .swiper-slide { background-position: center; background-size: cover; @@ -2677,7 +2768,7 @@ body { object-fit: contain; } .header__image img:nth-child(1) { - max-width: 60vw; /* Adjust image size for smaller devices */ /* Center image horizontally and vertically */ + max-width: 60vw; /* Adjust image size for smaller devices / / Center image horizontally and vertically */ } .header__image img:nth-child(2) { @@ -2701,7 +2792,7 @@ body { font-size: 1rem; } - .header__content .action__btns { + .header_content .action_btns { flex-direction: column; /* Stack buttons vertically */ gap: 1rem; /* Add gap between buttons */ margin-top: 1rem; /* Adjust top margin */ @@ -2714,7 +2805,7 @@ body { margin: 0 auto; /* Center the subtitle */ } } -/*STYLE FOR SIDE DISCOUNT DIVISION*/ +/STYLE FOR SIDE DISCOUNT DIVISION/ .popup { position: fixed; @@ -2806,7 +2897,7 @@ button:hover { line-height: 1.5rem; /* Adjust line height for smaller devices */ } - .header__content .action__btns { + .header_content .action_btns { gap: 1.5rem; /* Add gap between buttons */ } @@ -2815,10 +2906,6 @@ button:hover { max-width: 40%; /* Limit width to prevent overflow */ } - .newNav { - justify-content: right; - gap: 27px; - } .nav-container { width: 100%; justify-content: center; @@ -2873,6 +2960,8 @@ a:hover::after { width: 100%; background-color: red; } + + .categories{ margin-left: auto; margin-right: 60px;