diff --git a/Adventure.html b/Adventure.html index a4fd7e2c..fae61042 100644 --- a/Adventure.html +++ b/Adventure.html @@ -18,10 +18,7 @@ Arpan Codes | Tourguide @@ -233,6 +262,13 @@ emailjs.init("WB9rAyWwwLZube-er"); })(); + + + diff --git a/Cultural_Exp.html b/Cultural_Exp.html index a076988e..4059b1e3 100644 --- a/Cultural_Exp.html +++ b/Cultural_Exp.html @@ -11,6 +11,13 @@ integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> + + + @@ -131,33 +146,50 @@ --> -
-
- - - -
diff --git a/HoneyMoon.html b/HoneyMoon.html index 945a60ef..83cd48b7 100644 --- a/HoneyMoon.html +++ b/HoneyMoon.html @@ -10,6 +10,13 @@ integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> @@ -64,8 +80,16 @@
+
+ +

Contributors

+
+ + + +
+
+ +
diff --git a/dedicated-destinations/Goa/Goa.css b/dedicated-destinations/Goa/Goa.css index d6a0ba18..3fcfcd33 100644 --- a/dedicated-destinations/Goa/Goa.css +++ b/dedicated-destinations/Goa/Goa.css @@ -441,6 +441,129 @@ background-color: white; border-radius: 2px; } + + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } @media screen and (max-width : 1220px) { .hamburger { diff --git a/dedicated-destinations/Goa/start.html b/dedicated-destinations/Goa/start.html index 2ae1957b..d3b46f21 100644 --- a/dedicated-destinations/Goa/start.html +++ b/dedicated-destinations/Goa/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
+ +
diff --git a/dedicated-destinations/London/London.css b/dedicated-destinations/London/London.css index 414345f6..b8a65894 100644 --- a/dedicated-destinations/London/London.css +++ b/dedicated-destinations/London/London.css @@ -442,6 +442,129 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/London/start.html b/dedicated-destinations/London/start.html index 9c421f15..a846e2f3 100644 --- a/dedicated-destinations/London/start.html +++ b/dedicated-destinations/London/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
+ +
diff --git a/dedicated-destinations/Maldives/maldive.css b/dedicated-destinations/Maldives/maldive.css index fafcf88d..fe685a87 100644 --- a/dedicated-destinations/Maldives/maldive.css +++ b/dedicated-destinations/Maldives/maldive.css @@ -442,6 +442,130 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + + @media screen and (max-width : 1220px) { .hamburger { display: flex; @@ -475,19 +599,4 @@ #btn-style { font-size: 0.6rem; } - } - .navLinks li { - width: 100%; - padding: 0.5rem 0; - background-color: #1f2532; - z-index: 10; - } - - #toggle { - font-size: 0.6rem; - } - - #btn-style { - font-size: 0.6rem; - } -} \ No newline at end of file + } \ No newline at end of file diff --git a/dedicated-destinations/Maldives/start.html b/dedicated-destinations/Maldives/start.html index dad28c0f..18d69918 100644 --- a/dedicated-destinations/Maldives/start.html +++ b/dedicated-destinations/Maldives/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
+ +
diff --git a/dedicated-destinations/Paris/Paris.css b/dedicated-destinations/Paris/Paris.css index 414345f6..8841fb7d 100644 --- a/dedicated-destinations/Paris/Paris.css +++ b/dedicated-destinations/Paris/Paris.css @@ -442,6 +442,129 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/Paris/start.html b/dedicated-destinations/Paris/start.html index 5126a1d0..80911c3f 100644 --- a/dedicated-destinations/Paris/start.html +++ b/dedicated-destinations/Paris/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
+ +
diff --git a/dedicated-destinations/bali/bali.css b/dedicated-destinations/bali/bali.css index ad8dd78e..2e25c534 100644 --- a/dedicated-destinations/bali/bali.css +++ b/dedicated-destinations/bali/bali.css @@ -442,6 +442,128 @@ background-color: white; border-radius: 2px; } + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { diff --git a/dedicated-destinations/bali/start.html b/dedicated-destinations/bali/start.html index 69e99eb8..f8b2555d 100644 --- a/dedicated-destinations/bali/start.html +++ b/dedicated-destinations/bali/start.html @@ -10,6 +10,7 @@ + @@ -41,10 +42,13 @@
  • Rate Us?
  • Login
    • - + +
    + +
    diff --git a/dedicated-destinations/brazil/brazil.css b/dedicated-destinations/brazil/brazil.css index b571d0d7..7d071d03 100644 --- a/dedicated-destinations/brazil/brazil.css +++ b/dedicated-destinations/brazil/brazil.css @@ -445,6 +445,130 @@ ul { border-radius: 2px; } +/* Toggle button styling */ + +.toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); +} + +.toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } +} + +/* Dark mode styling */ +body.dark-theme{ + background-color: #0e1525; + color: #ffffff; +} + +body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; +} + +body.dark-theme .bttn { + background: #222f4b; + color: #fff; +} + +body.dark-theme .bttn:hover { + background: #081529 !important ; +} + +body.dark-theme .menu { + background-color: #0d213f; +} + +body.dark-theme .menu p { + color: #c9c9c9 !important; +} + +body.dark-theme #btn-style { + border-color: #888888; + color: #888888; +} + +body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; +} + +body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; +} + +body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; +} + +body.dark-theme .features h3 { + color: #ff6b6b; +} + + +body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; +} + +body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; +} + +body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); +} + +body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; +} + +body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; +} + + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/brazil/start.html b/dedicated-destinations/brazil/start.html index 54e5b761..05ca00f3 100644 --- a/dedicated-destinations/brazil/start.html +++ b/dedicated-destinations/brazil/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html b/dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html index b5e79c29..496e1a16 100644 --- a/dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html +++ b/dedicated-destinations/grand-canyon-national-park-arizona/Grand_start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/grand-canyon-national-park-arizona/Grand_tour.css b/dedicated-destinations/grand-canyon-national-park-arizona/Grand_tour.css index 59660310..ab6ee84e 100644 --- a/dedicated-destinations/grand-canyon-national-park-arizona/Grand_tour.css +++ b/dedicated-destinations/grand-canyon-national-park-arizona/Grand_tour.css @@ -430,6 +430,129 @@ ul { border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/kashmir/kashmir.css b/dedicated-destinations/kashmir/kashmir.css index ce1576f9..152915dc 100644 --- a/dedicated-destinations/kashmir/kashmir.css +++ b/dedicated-destinations/kashmir/kashmir.css @@ -442,6 +442,129 @@ ul { border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/kashmir/start.html b/dedicated-destinations/kashmir/start.html index 948a326e..549bd1d7 100644 --- a/dedicated-destinations/kashmir/start.html +++ b/dedicated-destinations/kashmir/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/machu-picchu-peru/Machu_start.html b/dedicated-destinations/machu-picchu-peru/Machu_start.html index 3741dae2..d4d4e4c3 100644 --- a/dedicated-destinations/machu-picchu-peru/Machu_start.html +++ b/dedicated-destinations/machu-picchu-peru/Machu_start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/machu-picchu-peru/Machu_tour.css b/dedicated-destinations/machu-picchu-peru/Machu_tour.css index 414345f6..8065b601 100644 --- a/dedicated-destinations/machu-picchu-peru/Machu_tour.css +++ b/dedicated-destinations/machu-picchu-peru/Machu_tour.css @@ -442,6 +442,129 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/new-york/NewYork.css b/dedicated-destinations/new-york/NewYork.css index 414345f6..b8a65894 100644 --- a/dedicated-destinations/new-york/NewYork.css +++ b/dedicated-destinations/new-york/NewYork.css @@ -442,6 +442,129 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/dedicated-destinations/new-york/start.html b/dedicated-destinations/new-york/start.html index d11065f9..224c14bf 100644 --- a/dedicated-destinations/new-york/start.html +++ b/dedicated-destinations/new-york/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/santorini-aegean-sea/start.html b/dedicated-destinations/santorini-aegean-sea/start.html index 4134449d..79cf2c2c 100644 --- a/dedicated-destinations/santorini-aegean-sea/start.html +++ b/dedicated-destinations/santorini-aegean-sea/start.html @@ -10,6 +10,7 @@ + @@ -45,6 +46,9 @@ +
    + +
    diff --git a/dedicated-destinations/santorini-aegean-sea/tour.css b/dedicated-destinations/santorini-aegean-sea/tour.css index 414345f6..8065b601 100644 --- a/dedicated-destinations/santorini-aegean-sea/tour.css +++ b/dedicated-destinations/santorini-aegean-sea/tour.css @@ -442,6 +442,129 @@ border-radius: 2px; } + /* Toggle button styling */ + + .toggle-container { + --size: 2rem; + position: relative; + width: var(--size); + height: var(--size); + } + + .toggle { + appearance: none; + outline: none; + cursor: pointer; + width: 100%; + height: 100%; + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + transition: all 500ms; + position: absolute; + top: 0; + left: 0; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 + var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); + } + } + + /* Dark mode styling */ + body.dark-theme{ + background-color: #0e1525; + color: #ffffff; + } + + body.dark-theme .img-box img { + border-color: #888888; + box-shadow: 5px 5px 60px #888888; + } + + body.dark-theme .bttn { + background: #222f4b; + color: #fff; + } + + body.dark-theme .bttn:hover { + background: #081529 !important ; + } + + body.dark-theme .menu { + background-color: #0d213f; + } + + body.dark-theme .menu p { + color: #c9c9c9 !important; + } + + body.dark-theme #btn-style { + border-color: #888888; + color: #888888; + } + + body.dark-theme .map { + box-shadow: 5px 5px 20px #888888; + } + + body.dark-theme .bttnn { + background-color: #222f4b; + color: #fff; + } + + body.dark-theme .features { + background-color: #0d213f; + border-color: #888888; + color: #ffffff; + } + + body.dark-theme .features h3 { + color: #ff6b6b; + } + + + body.dark-theme #chk-design { + border-color: #888888; + color: #ffffff; + background-color: #0d213f; + } + + body.dark-theme .single-list-topics-content { + background: #0d213f; + box-shadow: 0 0px 10px rgba(200, 200, 200, .2); + border-color: #888888; + } + + body.dark-theme .description { + border-color: #888888; + background-color: #0d213f; + box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1); + } + + body.dark-theme #weatherInfo { + border-color: #888888; + background-color: #0d213f; + } + + body.dark-theme .bttnn:hover { + background-color: #04AA6D; + color: white; + } + @media screen and (max-width : 1220px) { .hamburger { display: flex; diff --git a/img/Abhisek Tamang.jpg b/img/testimonial3.jpg similarity index 100% rename from img/Abhisek Tamang.jpg rename to img/testimonial3.jpg diff --git a/index.html b/index.html index cefcb13f..f34574cd 100644 --- a/index.html +++ b/index.html @@ -509,6 +509,7 @@

    TourGuide . . .

  • Hotel & Resort
    • +
  • Packages
  • Testimonial
  • Rate Us?
  • Contact Us
    • @@ -1276,12 +1277,10 @@

    H
    guide1

    - guide2 -

    - guide3 +

    -



    +


    @@ -1292,23 +1291,10 @@

    hr1 -

    - Book Now -

    -

    - hr2 -

    - Book Now -

    -

    - hr3 -

    - Book Now -

    -

    - hr4 -

    +
    Book Now +
    +





    @@ -1488,7 +1474,7 @@

    Katie

    " > BroccoliSubscribe to get special prize
    - +
    @@ -1858,7 +1844,7 @@

    Subscribe to get special prize

    -

    Tourguide.

    +

    Tourguide

    Ready for your next adventure? Let's make it unforgettable.

    @@ -1867,7 +1853,7 @@

    Tourguide

    -

    Places You May Want to Visit.

    +

    Places You May Want to Visit

    Cultural Experiences @@ -1889,7 +1875,7 @@

    Support

    -

    Address

    +

    Address