diff --git a/404.html b/404.html index c58eaeb4..f2f4c22f 100644 --- a/404.html +++ b/404.html @@ -30,7 +30,7 @@
- + diff --git a/Adventure.html b/Adventure.html index a5d1a89a..50c336b1 100644 --- a/Adventure.html +++ b/Adventure.html @@ -98,6 +98,8 @@ href="img/A T logo with a white background and a square shape, connected to nature for a travel company.png" type="image/x-icon" /> + + @@ -154,19 +156,195 @@
+

Adventure Travel

"Unleash Your Adventurous Spirit: Discover the Most Thrilling Destinations Around the Globe!"

+ + +
+ + + +
+ + +
+
+ + + + + + + + + + + + +
+ + +
Trending
+ + + + +
Top
+ + + + +
Beginner
+ + + + +
Nature
+ + + + +
Sustainable
+ + + + +
+ + +
trip

Rishikesh

-
4.2
+
+
+ + + +
+
4.2
+
+
From $400
+ +
trip

Ladakh

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
 @@ -213,7 +418,16 @@

Adventure Travel

trip

Australia

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
@@ -224,7 +438,15 @@

Adventure Travel

trip

Peru

-
4.7
+
+
+ + + +
+
4.7
+
+
From $400
@@ -236,7 +458,15 @@

Adventure Travel

trip

Thailand

-
4.2
+
+
+ + + +
+
4.2
+
+
From $300
@@ -247,7 +477,16 @@

Adventure Travel

trip

Spiti

-
4.5
+
+
+ + + + +
+
4.5
+
+
From $450
@@ -258,7 +497,15 @@

Adventure Travel

trip

Goa

-
4.7
+
+
+ + + +
+
4.7
+
+
From $400
@@ -274,35 +521,147 @@

Adventure Travel

-
-
-
-

Tourguide.

-

- Explore your suitable and dream places around the world. Here you - can find your right destination. -

+ + + +
+ diff --git a/Cultural_Exp.html b/Cultural_Exp.html index 57a3f09f..7ee51d65 100644 --- a/Cultural_Exp.html +++ b/Cultural_Exp.html @@ -278,7 +278,7 @@

Cultural Experiences

- + + + + + + + diff --git a/HoneyMoon.html b/HoneyMoon.html index 68666f3e..a49b7691 100644 --- a/HoneyMoon.html +++ b/HoneyMoon.html @@ -274,35 +274,148 @@

HoneyMoon Travel

-
-
-
-

Tourguide.

-

- Explore your suitable and dream places around the world. Here you - can find your right destination. -

+ + + + +
+ diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index 5077d8d2..d153136f 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -32,7 +32,7 @@ body { .dark-theme { --secondary-color: #0e1525; - --text-dark: #ffffff; + --text-dark: #8c0ffa; --arr-light: white; --body-light: #0e1525; --img-color:red; @@ -177,4 +177,11 @@ 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 diff --git a/contributors.css b/contributors.css new file mode 100644 index 00000000..1aff105f --- /dev/null +++ b/contributors.css @@ -0,0 +1,60 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + color: #333; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + margin: 0; + } + + .container { + text-align: center; + } + + .title { + font-size: 2em; + margin-bottom: 20px; + } + + .contributors-grid { + display: flex; + flex-wrap: wrap; + gap: 20px; + justify-content: center; + } + + .contributor-card { + background-color: #fff; + border: 1px solid #ddd; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + padding: 20px; + width: 200px; + text-align: center; + transition: transform 0.3s, box-shadow 0.3s; + } + + .contributor-card:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); + } + + .contributor-card img { + border-radius: 50%; + width: 80px; + height: 80px; + object-fit: cover; + margin-bottom: 10px; + } + + .contributor-card h2 { + font-size: 1.2em; + margin: 0 0 10px; + } + + .contributor-card p { + color: #666; + } + \ No newline at end of file diff --git a/contributors.html b/contributors.html new file mode 100644 index 00000000..2d1d60e7 --- /dev/null +++ b/contributors.html @@ -0,0 +1,16 @@ + + + + + + Contributors + + + +
+

Contributors

+
+
+ + + diff --git a/contributors.js b/contributors.js new file mode 100644 index 00000000..4074c780 --- /dev/null +++ b/contributors.js @@ -0,0 +1,30 @@ +document.addEventListener('DOMContentLoaded', () => { + const contributorsContainer = document.getElementById('contributors'); + + async function fetchContributors() { + try { + const response = await fetch('https://api.github.com/repos/apu52/Travel_Website/contributors'); + const contributors = await response.json(); + + contributors.forEach(contributor => { + const contributorCard = document.createElement('div'); + contributorCard.className = 'contributor-card'; + + contributorCard.innerHTML = ` + + ${contributor.login} + +

${contributor.login}

+

Contributions: ${contributor.contributions}

+ `; + + contributorsContainer.appendChild(contributorCard); + }); + } catch (error) { + console.error('Error fetching contributors:', error); + } + } + + fetchContributors(); + }); + \ No newline at end of file diff --git a/counter.css b/counter.css index c1fab7fd..d076cd0c 100644 --- a/counter.css +++ b/counter.css @@ -18,7 +18,8 @@ display: flex; flex-direction: column; justify-content: space-around; - padding: 1em 0; + padding: 1.5em 1px; + margin:0px 10px; font-size: 16px; border-width: 0.5px ; border-color: solid purple; diff --git a/faq.html b/faq.html index 9c77e01f..7d2a6dbe 100644 --- a/faq.html +++ b/faq.html @@ -146,6 +146,14 @@ pointer-events: none; z-index: 9999; } + + @media screen and (max-width: 768px){ + .circle-container { + display: none; + } + + } + body.dark-theme .accordion{ background-color: #040565; } diff --git a/feedback.html b/feedback.html index ae15a3aa..9d3e4da9 100644 --- a/feedback.html +++ b/feedback.html @@ -41,6 +41,14 @@ pointer-events: none; z-index: 9999; } + + @media screen and (max-width: 768px){ + .circle-container { + display: none; + } + + } + diff --git a/hotel.html b/hotel.html index 733a06d7..88ee37ce 100644 --- a/hotel.html +++ b/hotel.html @@ -5,60 +5,70 @@ Hotel Booking Form @@ -99,9 +109,12 @@

Hotel Booking Form

- Book Now + Book Now +
+ + diff --git a/index.html b/index.html index e9ff7c03..5e18acf8 100644 --- a/index.html +++ b/index.html @@ -129,6 +129,98 @@ } .gallery-rotate-image .image-container { + + display: flex; + flex-wrap: wrap; + gap: 16px; /* Adjust the gap between images */ +} + +.gallery-rotate-image .image-container span { + display: inline-block; +} + +/* .trip-gallery-container { + display: flex; + flex-wrap: wrap; + gap: 16px; +} + +.trip-gallery-container .image-container { + display: flex; + flex-direction: column; + align-items: center; +} + +.trip-gallery-container .image-container img { + max-width: 100%; + height: auto; +} */ + body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + } + + .grid-container { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 16px; + padding: 20px; + box-sizing: border-box; + } + + .cardi { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + height: 20vh; + border-radius: 20px; + color: #fff; + cursor: pointer; + flex: 0.5; + margin: 4px; + margin-right: 29px; + position: relative; + transition: flex 0.7s ease-in; + display: flex; + flex-direction: column; + overflow: hidden; + } + + .cardi img { + width: 100%; + height: 100%; + transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + .cardi:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; + background-clip: padding-box; + } + + .cardi:hover img { + filter: blur(4px); + backdrop-filter:box-shadow(0 8px 16px rgba); + } + + .card__content { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 20px; + box-sizing: border-box; + transform: rotateX(-90deg); + transform-origin: bottom; + transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + z-index: 1; + } + + .card__overlay { + position: absolute; display: flex; flex-wrap: wrap; gap: 16px; @@ -187,10 +279,79 @@ left: 0; width: 100%; height: 100%; + background-color: rgba(1, 0, 0, 0.7); /* Darker semi-transparent background */ + opacity: 0; + transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); + z-index: 0; + } + + .cardi:hover .card__overlay { + opacity: 1; + } + + .cardi:hover .card__content { + transform: rotateX(0deg); + } + + .card__title { + margin: 0; + font-size: 24px; + color: #ffdf60; + font-weight: 700; + } + + .card__description { + margin: 10px 0 0; + font-size: 14px; + color: #fff; + line-height: 1.4; + } + + .card__description:hover { + cursor: pointer; + color: #fff; + } + + @media (max-width: 1200px) { + .grid-container { + grid-template-columns: repeat(4, 1fr); + } + } + + @media (max-width: 992px) { + .grid-container { + grid-template-columns: repeat(3, 1fr); + } + } + + @media (max-width: 768px) { + .grid-container { + grid-template-columns: repeat(2, 1fr); + } + } + + @media (max-width: 480px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); + } + } +.btn-container { + display: flex; + justify-content: center; + gap: 8px; /* Adjust the gap between buttons */ +} + pointer-events: none; z-index: 9999; } + @media screen and (max-width: 768px){ + .circle-container { + display: none; + } + + } + @@ -201,6 +362,32 @@ + + + + +
@@ -322,6 +509,7 @@

TourGuide . . .

  • Testimonial
  • Rate Us
  • Contact Us
    • +
  • Contributors
    • @@ -811,7 +999,7 @@

    Times Square

    Best trip packages

    -

    +

    Top trip deals curated for you. Get the best package for your adventure and save more.

    @@ -964,68 +1152,147 @@

    -
    - -
    - -

    LADAKH

    -
    -
    - -

    RANNERDALE KNOTTS

    -
    -
    - -

    AMALPHI COAST

    -
    -
    - -

    THE GOLDEN TEMPLE,PERIYAPATTNA -

    -
    -
    - -

    MALSHEJ GHAT

    -
    -
    - -

    SAHARA DESERT

    -
    -
    - -

    MALDIVES

    -
    -
    - -

    PUNAKHA SUSPENSION BRIDGE

    -
    -
    - -

    ARU VALLEY

    -
    -
    - -

    THE GOLDEN BRIDGE

    -
    -
    - -

    LAKE DISTRICT

    -
    -
    - -

    MUNNAR

    -
    -
    - -

    STATUE OF LIBERTY

    -
    -
    - -

    NAKKI LAKE

    -
    - - - +
    +
    + Card image +
    +
    +
    +

    LADAKH

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    RANNERDALE KNOTTS

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    AMALPHI COAST

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    THE GOLDEN TEMPLE,PERIYAPATTNA

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    MALSHEJ GHAT

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    SAHARA DESERT

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    MALDIVES

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    PUNAKHA SUSPENSION BRIDGE

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    ARU VALLEY

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    THE GOLDEN BRIDGE

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    LAKE DISTRICT

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    MUNNAR

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    STATUE OF LIBERTY

    + Read More +
    +
    +
    +
    + Card image +
    +
    +
    +

    NAKKI LAKE

    + Read More +
    +
    +
    @@ -1060,30 +1327,33 @@

    H
    -

    Hotels & Resorts

    -

    -

    Best Place for Beautiful Trip

    -

    -
    - hr1 -

    - Book Now -

    -

    - hr2 -

    - Book Now -

    -

    - hr3 -

    - Book Now -

    -

    - hr4 -

    - Book Now +
    +
    +

    Hotels & Resorts

    +

    Best Place for Beautiful Trip

    +
    + +
    + hr1 + Book Now +
    + +
    + hr2 + Book Now +
    + +
    + hr3 + Book Now +
    + +
    + hr4 + Book Now +
    +




    @@ -1417,8 +1687,10 @@

    Subscribe to get special prize

    + +
    -
    +

    Tourguide.

    @@ -1476,6 +1748,7 @@

    Address

    +

    Contact Us

    @@ -1528,10 +1801,11 @@

    Contact Us

    -
    + +
    -
    +
    + + +
    + + +
  • Copyright © Arpan Chowdhury. All rights reserved.
    • - + @@ -1651,14 +1931,14 @@

    Contact Us

    - --> @@ -2109,7 +2389,7 @@

    Contact Us

    animateValue("guidesCount", 0, 25000, 20000); animateValue("toursCount", 0, 20000, 20000); animateValue("destinationsCount", 0, 10994, 20000); - }); +}) diff --git a/login/login.css b/login/login.css index 93f577a5..54c3cb24 100644 --- a/login/login.css +++ b/login/login.css @@ -22,6 +22,7 @@ h1 { font-weight: 700; letter-spacing: -1.5px; margin: 0; + display: contents; margin-bottom: 15px; } @@ -54,9 +55,7 @@ a { transition: 0.3s ease-in-out; } -a:hover { - color: #4bb6b7; -} + .content { display: flex; @@ -313,9 +312,7 @@ input { transition: 0.3s ease-in-out; } -.social-container a:hover { - border: 1px solid #4bb6b7; -} + #login-section{ display: flex; @@ -357,3 +354,32 @@ input { padding:2px; transition: 0.3s ease-in-out; } + + + /* Add styles for the success banners */ + .success-banner { + display: none; + background-color: #4CAF50; + color: white; + padding: 15px; + text-align: center; + position: fixed; + top: 0; + width: 100%; + z-index: 10000; + } + +/* hover ibn social icons */ +.social-container .fb:hover { + color: white; + background-color: #1877F2; +} +.social-container .goog:hover { + color: white; + background-color: #DB4437; +} +.social-container .lin:hover { + color: white; + background-color: #0A66C2; +} + diff --git a/login/script.js b/login/script.js index 7c918d38..00db0b3e 100644 --- a/login/script.js +++ b/login/script.js @@ -27,16 +27,6 @@ document.addEventListener("DOMContentLoaded", function() { }, 2000); }); - loginForm.addEventListener("submit", (event) => { - event.preventDefault(); - - - // login success - alert("Login successful!"); - setTimeout(() => { - window.location.href = "index.html"; - }, 1000); - }); }); function togglePasswordVisibility(buttonId, inputId, iconId) { diff --git a/newLogin.html b/newLogin.html index 045162af..cc0bed60 100644 --- a/newLogin.html +++ b/newLogin.html @@ -11,40 +11,42 @@ +
    Logged in successfully
    +
    Registered successfully
    -
    +

    Tour Guide

    - - -
    + + +
    - +
    + + + \ No newline at end of file diff --git a/pricing/style.css b/pricing/style.css index 80c3d90f..819c0374 100644 --- a/pricing/style.css +++ b/pricing/style.css @@ -111,7 +111,6 @@ header { position: relative; z-index: 10; margin-right: 20px; - } .link a { @@ -169,6 +168,10 @@ header { } @media screen and (max-width: 1220px) { + + .newNav { + text-align: center; + } .hamburger { display: flex; cursor: pointer; @@ -194,6 +197,11 @@ header { z-index: 10; } + .navLinks li a { + font-weight: 600; + } + + #toggle { font-size: 0.6rem; } diff --git a/privacy.html b/privacy.html index e84aaa85..37e00906 100644 --- a/privacy.html +++ b/privacy.html @@ -33,6 +33,14 @@ pointer-events: none; z-index: 9999; } + + @media screen and (max-width: 768px){ + .circle-container { + display: none; + } + + } + diff --git a/story.html b/story.html index 98dc190c..b5440065 100644 --- a/story.html +++ b/story.html @@ -1,74 +1,269 @@ - - + + + - - Arpan Codes | Tourguide - - - - - - - - - - + + + + + + + Story-Tourguide + + + + + + + + + + + + + - -
    + -
    -
    +
    -
    -
    -
    - Copyright © 2023 Arpan Chowdhury. All rights reserved. + + + +
    +
    +
    + + +
    + + + +
    + + + + + +
    +
    +
  • Copyright © Arpan Chowdhury. All rights reserved.
    • + - - + + + - - - + + + diff --git a/styles.css b/styles.css index 9222133b..40be2c8c 100644 --- a/styles.css +++ b/styles.css @@ -447,15 +447,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; @@ -2369,20 +2369,26 @@ body { /* ///////////////////// */ -/* ******* */ +/* Sub-header Hover Effect */ .sub__header:hover { background-color: transparent; color: var(--primary-color); + transition: color 0.3s ease; /* Smooth transition for color change */ } -/* Light mode And Dark mode of AboutUs*/ - +/* Light Mode and Dark Mode of AboutUs */ .headingofAbout { - font-weight: bolder; - /* Set font weight to bolder */ + font-weight: bold; /* Make the heading bold */ text-align: center; - color: var(--text-dark); - /* Use the text-dark custom property for color */ + color: yellow; /* Set heading color to yellow */ + font-size: 2.5rem; /* Increase font size */ + margin: 20px 0; /* Add margin for spacing */ + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; /* Dark black outline around each letter */ + font-family: 'Roboto', sans-serif; /* Use Roboto font family */ } /* Styling for elements with .aboutcon class */ @@ -2391,18 +2397,49 @@ body { justify-content: space-between; align-items: center; flex-wrap: wrap; - background-color: var(--body-light); - /* Use the text-dark custom property for color */ + background: linear-gradient(135deg, #7b4397, #dc2430); /* 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 */ + transition: background-color 0.3s ease; /* Smooth transition for background color */ } /* Styling for elements with .aboutcontent class */ .aboutcontent { text-align: center; color: var(--text-dark); - /* Use the text-dark custom property for color */ margin-bottom: 20px; + flex: 1 1 300px; /* Make flex items responsive */ + padding: 20px; + background-color: rgba(255, 255, 255, 0.8); /* Background color for content */ + border-radius: 10px; /* Rounded corners */ + transition: transform 0.3s ease, background-color 0.3s ease; /* Smooth transition for transform and background color */ +} + +/* Hover Effect for aboutcontent */ +.aboutcontent:hover { + transform: scale(1); /* Slightly enlarge on hover */ + background-color: rgba(255, 255, 255, 1); /* Change background color on hover */ +} + +/* Media Queries for Responsiveness */ +@media (max-width: 768px) { + .aboutcon { + flex-direction: column; /* Stack items vertically on small screens */ + } + + .headingofAbout { + font-size: 2rem; /* Adjust font size for smaller screens */ + } +} +/* Adjust hover effect for touch devices */ +@media (hover: none) { + .aboutcontent:hover { + transform: none; /* Remove scaling on touch devices */ + } } + /* Styling for SVG elements inside .iconss class */ .iconss svg { width: 100px; @@ -2531,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 { diff --git a/tnc.html b/tnc.html index 3a1d7c89..9d5d6a9b 100644 --- a/tnc.html +++ b/tnc.html @@ -33,6 +33,14 @@ pointer-events: none; z-index: 9999; } + + @media screen and (max-width: 768px){ + .circle-container { + display: none; + } + + } +