diff --git a/Adventure.html b/Adventure.html new file mode 100644 index 00000000..a5d1a89a --- /dev/null +++ b/Adventure.html @@ -0,0 +1,434 @@ + + + + + + + + + + + + + + Arpan Codes | Tourguide + + + + + + + + + + + + + +
+ +
+
+
+

Adventure Travel

+

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

+ +
+ +
+ trip +
+

Rishikesh

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

Ladakh

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Gulmargh

+
4.7
+
+
From $400
+ +
+
+
+
+ trip +
+

Andaman and Nicobar Island

+
4.2
+
+
From $300
+ +
+
+
+
+ trip +
+

Australia

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Peru

+
4.7
+
+
From $400
+ +
+
+
+ +
+ trip +
+

Thailand

+
4.2
+
+
From $300
+ +
+
+
+
+ trip +
+

Spiti

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Goa

+
4.7
+
+
From $400
+ +
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Cultural_Exp.html b/Cultural_Exp.html new file mode 100644 index 00000000..57a3f09f --- /dev/null +++ b/Cultural_Exp.html @@ -0,0 +1,439 @@ + + + + + + + + + + + + + + + Arpan Codes | Tourguide + + + + + + + + + + + + + +
+ +
+ + + + +
+
+

Cultural Experiences

+

+ Discover the rich tapestry of cultural heritage at our curated list of must-visit cultural sites, where history, art, and tradition come alive." +

+ +
+ +
+ trip +
+

Hampi

+
4.2
+
+
From $700
+ +
+
+
+
+ trip +
+

Akshardham Temple,Delhi

+
4.5
+
+
From $400
+ +
+
+
+
+ trip +
+

Sanchi,Raisen District (State of Madhya Pradesh)

+
4.7
+
+
From $300
+ +
+
+
+
+ trip +
+

Elephanta Caves

+
4.2
+
+
From $250
+ +
+
+
+
+ trip +
+

Chola Temples,Tamil Nadu

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Taj Mahal

+
4.7
+
+
From $400
+ +
+
+
+ +
+ trip +
+

Golden Temple

+
4.2
+
+
From $300
+ +
+
+
+
+ trip +
+

Red Fort

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Agra Fort

+
4.7
+
+
From $400
+ +
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/HoneyMoon.html b/HoneyMoon.html new file mode 100644 index 00000000..68666f3e --- /dev/null +++ b/HoneyMoon.html @@ -0,0 +1,434 @@ + + + + + + + + + + + + + + Arpan Codes | Tourguide + + + + + + + + + + + + + +
+ +
+
+
+

HoneyMoon Travel

+

+ "Embark on your journey to forever bliss with our curated selection of dreamy honeymoon destinations..." +

+ +
+ +
+ trip +
+

Paris

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

Shimla

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Gulmargh

+
4.7
+
+
From $400
+ +
+
+
+
+ trip +
+

Andaman and Nicobar Island

+
4.2
+
+
From $300
+ +
+
+
+
+ trip +
+

Manali

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Maldives

+
4.7
+
+
From $400
+ +
+
+
+ +
+ trip +
+

Thailand

+
4.2
+
+
From $300
+ +
+
+
+
+ trip +
+

Spiti

+
4.5
+
+
From $450
+ +
+
+
+
+ trip +
+

Goa

+
4.7
+
+
From $400
+ +
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Agra_Fort/agra.css b/dedicated destinations/Agra_Fort/agra.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Agra_Fort/agra.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Agra_Fort/agra.html b/dedicated destinations/Agra_Fort/agra.html new file mode 100644 index 00000000..7f5c11f9 --- /dev/null +++ b/dedicated destinations/Agra_Fort/agra.html @@ -0,0 +1,187 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

Meal Includes

+

+ + + Most preferred meals at Agra Fort station for lunch and dinner include local specialities such as veg deluxe thali, aalu paratha, chicken, khichdi, Biryani, and veg fried rice.

+ Favourite breakfast includes poha, Kulcha, omelette, chole bhature, among others. For desserts, you can order jalebi, lassi, kulfi, imarti, rabri and many more sweet dishes. + + Train food delivery at Agra Fort station includes local delicacies and a wide variety of meals from famous local eateries at Agra Fort station from premium outlets such as: + +FLAVOURS FOOD +PUNJABI CHULHA and many more local eateries + + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Agra Fort (Qila Agra) is a historical fort in the city of Agra, and also known as Agra's Red Fort. Mughal emperor Humayun was crowned at this fort in 1530. It was later renovated by the Mughal emperor Akbar from 1565 and the present-day structure was completed in 1573. It served as the main residence of the rulers of the Mughal dynasty until 1638, when the capital was shifted from Agra to Delhi. It was also known as the "Lal-Qila" or "Qila-i-Akbari" .
Before being captured by the British, the last Indian rulers to have occupied it were the Marathas. In 1983, the Agra fort was inscribed as a UNESCO World Heritage Site because of its importance during the Mughal Dynasty. It is about 2.5 kilometers (1.6 mi) northwest of its more famous sister monument, the Taj Mahal. The fort can be more accurately described as a walled city. It was later renovated by Shah Jahan. + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Agra_Fort/agra.js b/dedicated destinations/Agra_Fort/agra.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Agra_Fort/agra.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Agra_Fort/fuu-j-O2Eb1TZGX9E-unsplash.jpg b/dedicated destinations/Agra_Fort/fuu-j-O2Eb1TZGX9E-unsplash.jpg new file mode 100644 index 00000000..71df680e Binary files /dev/null and b/dedicated destinations/Agra_Fort/fuu-j-O2Eb1TZGX9E-unsplash.jpg differ diff --git a/dedicated destinations/Akshardham/Akshardham.html b/dedicated destinations/Akshardham/Akshardham.html new file mode 100644 index 00000000..52455f4b --- /dev/null +++ b/dedicated destinations/Akshardham/Akshardham.html @@ -0,0 +1,175 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

Meal included

+

Enjoy pure, fresh, vegetarian cuisine at the Premvati Food Court. In the ambience of the caves of Ajanta, enjoy Indian or Continental food of your choice.

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ 'Akshardham' means the divine abode of God. It is hailed as an eternal place of devotion, purity and peace. Swaminarayan Akshardham at New Delhi is a Mandir – an abode of God, a Hindu house of worship, and a spiritual and cultural campus dedicated to devotion, learning and harmony.
Timeless Hindu spiritual messages, vibrant devotional traditions and ancient architecture all are echoed in its art and architecture.The mandir is a humble tribute to Bhagwan Swaminarayan (1781- 1830), the avatars, devas and great sages of Hinduism. The traditionally-styled complex was inaugurated on 6 November 2005 with the blessings of HH Pramukh Swami Maharaj and through the devoted efforts of skilled artisans and volunteers. + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Akshardham/akshar.css b/dedicated destinations/Akshardham/akshar.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Akshardham/akshar.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Akshardham/akshar.js b/dedicated destinations/Akshardham/akshar.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Akshardham/akshar.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Andaman/a.css b/dedicated destinations/Andaman/a.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Andaman/a.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Andaman/a.html b/dedicated destinations/Andaman/a.html new file mode 100644 index 00000000..9c50ec65 --- /dev/null +++ b/dedicated destinations/Andaman/a.html @@ -0,0 +1,181 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

About their Food

+

Fish curry and maacher jhol are the famous food of Andaman that will introduce you to a mouth-watering fish recipe that was originated in West Bengal with all the rich flavors of spices like chilies, coriander, and turmeric powder with many other spices making it extremely delicious. +

+ Macher Jhol is a Bengali fish curry that is very popular in the Andaman & Nicobar Islands. It is made with fresh fish, and the gravy is usually thin and light. Using freshly cut coriander, turmeric powder, garam masala, and a few green chilies, this dish has a rich, flavorful finish. +

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

The Andaman and Nicobar Islands is a union territory of India. It consists of 836 islands (of which only 31 are inhabited) grouped into two island groups: the northern Andaman Islands and the southern Nicobar Islands, separated by a 150 km (93 mi) wide channel. Port Blair is the capital and largest city of the territory, located about 1,190 km (740 mi) from Chennai and 1,255 km (780 mi) from Kolkata in mainland India.
The islands are sandwiched between the Bay of Bengal to the west and the Andaman Sea to the east with the northern-most point located 901 km (560 mi) from the mouth of Hooghly river. Indira Point at 6°45’10″N and 93°49’36″E at the southern tip of Great Nicobar is the southernmost point of India. +

+
+ + +
+ + + + +
+ + + + + + + + + diff --git a/dedicated destinations/Andaman/a.js b/dedicated destinations/Andaman/a.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Andaman/a.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Australia/Australia.css b/dedicated destinations/Australia/Australia.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Australia/Australia.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Australia/Australia.html b/dedicated destinations/Australia/Australia.html new file mode 100644 index 00000000..dca8addc --- /dev/null +++ b/dedicated destinations/Australia/Australia.html @@ -0,0 +1,187 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

About their Food

+

Roast lamb has been declared Australia's national dish in a major poll that shows we're still a country of meat eaters at heart. The poll, held on News Ltd websites across all mainland capitals, attracted more than 24,000 votes. +

+ Australia's culinary landscape is a vibrant blend of traditional indigenous foods, multicultural influences, and local produce. Indigenous ingredients, often referred to as "bush tucker," include unique items like witchetty grubs, kangaroo meat, and bush tomatoes, offering a taste of Australia’s deep-rooted heritage. Macadamia nuts, native to Australia, are a popular addition to both sweet and savory dishes.

+ +Meat pies, another beloved staple, feature flaky pastry filled with minced meat and are enjoyed across the country. Seafood also plays a crucial role, with fresh catches like barramundi and prawns being highlights, particularly in coastal regions. The multicultural fabric of Australia is evident in its diverse food scene, where Asian, Mediterranean, and Middle Eastern influences have seamlessly integrated, resulting in a rich array of flavors and culinary experiences. From beachside barbecues to fine dining, Australia's food culture is as diverse and dynamic as its people. +

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

Australia is known for many things, including swathes of tropical beaches, marine reserves, Aboriginal culture, cute koalas, rolling wine country, and lush rainforests. +
+ Australia, officially the Commonwealth of Australia, is a sovereign country comprising the mainland of the Australian continent, the island of Tasmania, and numerous smaller islands. Australia is the largest country by area in Oceania and the world's sixth-largest country. + + Australia has a highly developed market economy and one of the highest per capita incomes globally. It is a middle power, and has the world's thirteenth-highest military expenditure. It is a member of international groups including the United Nations; the G20; the OECD; the World Trade Organization; Asia-Pacific Economic Cooperation; the Pacific Islands Forum; the Pacific Community; the Commonwealth of Nations; and the defence and security organisations ANZUS, AUKUS, and the Five Eyes. It is also a major non-NATO ally of the United States. +

+
+ + +
+ + + + +
+ + + + + + + + + diff --git a/dedicated destinations/Australia/Australia.js b/dedicated destinations/Australia/Australia.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Australia/Australia.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Golden_Temple/Gold.css b/dedicated destinations/Golden_Temple/Gold.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Golden_Temple/Gold.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Golden_Temple/Gold.html b/dedicated destinations/Golden_Temple/Gold.html new file mode 100644 index 00000000..27fed7e1 --- /dev/null +++ b/dedicated destinations/Golden_Temple/Gold.html @@ -0,0 +1,179 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

Meal included

+

Guru Ka Langar (Langar Of Golden Temple)
+ The sewadars (religious volunteers) selflessly prepare and serve hot meals to every individual sitting cross-legged in the pangat (row/line). Daal, chapati, one kind of sabzi, and kheer (rice pudding), form a part of the servings.

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Golden Temple is spiritually the most significant shrine in Sikhism. It became a centre of the Singh Sabha Movement between 1883 and the 1920s, and the Punjabi Suba movement between 1947 and 1966. In the early 1980s, the gurdwara became a centre of conflict between the Indian government and a radical movement led by Jarnail Singh Bhindranwale. In 1984, Prime Minister Indira Gandhi sent in the Indian Army as part of Operation Blue Star, leading to deaths of more than 1,000 soldiers, militants and civilians, as well as causing much damage to the gurdwara and the destruction of Akal Takht. The gurdwara complex was rebuilt again after the 1984 damage. +
+ + The Golden Temple is an open house of worship for all people, from all walks of life and faiths. It has a square plan with four entrances, and a circumambulation path around the pool. The four entrances to the gurudwara symbolises the Sikh belief in equality and the Sikh view that all people are welcome into their holy place + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Golden_Temple/gold.js b/dedicated destinations/Golden_Temple/gold.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Golden_Temple/gold.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Golden_Temple/goldentemple.jpg b/dedicated destinations/Golden_Temple/goldentemple.jpg new file mode 100644 index 00000000..bea7843b Binary files /dev/null and b/dedicated destinations/Golden_Temple/goldentemple.jpg differ diff --git a/dedicated destinations/Gulmargh/G.html b/dedicated destinations/Gulmargh/G.html new file mode 100644 index 00000000..6c5aad4b --- /dev/null +++ b/dedicated destinations/Gulmargh/G.html @@ -0,0 +1,184 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Food Items

+

The picturesque Kashmir valley is not only a treat for the eyes but a delight for the belly, too. The Kashmiri cuisine is known for its appetizing and delicious preparations, with generous use of spices and dry fruits. This helps the people of the region to fight the extreme cold weather conditions, but it’s surely also because it just tastes so good.

+ + As you would expect, the food of this region has a heavy Mughal influence, and is rich in flavour, because of the use of various spices such as saffron, cloves, cinnamon, ginger, fennel and cardamom.

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

Gulmarg, known as Gulmarag in Kashmiri, is a town, hill station, tourist destination, skiing destination, and a notified area committee in the Baramulla district in the Indian union territory of Jammu and Kashmir. It is located at a distance of 31 km from Baramulla and 49 km from Srinagar.

+ Gulmarg has attracted millions of tourists throughout its existence with the scenic beauty of the Himalayan Mountains in the back drop. One of the main attractions in Gulmarg is the Gulmarg Gondola, the Highest Cable Car in the world. + +

+
+ +
+

Current Climate Info:

+
+ +
+
+ +
+ + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Gulmargh/g.css b/dedicated destinations/Gulmargh/g.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Gulmargh/g.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Gulmargh/g.js b/dedicated destinations/Gulmargh/g.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Gulmargh/g.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Hampi/hampi.css b/dedicated destinations/Hampi/hampi.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Hampi/hampi.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Hampi/hampi.html b/dedicated destinations/Hampi/hampi.html new file mode 100644 index 00000000..a7dd4a7a --- /dev/null +++ b/dedicated destinations/Hampi/hampi.html @@ -0,0 +1,192 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

BBQ meal included

+

Main menu:
+ Roti/Bhakri- It is bread baked on fire or iron skillet and made flat by jowar flour. Bajra and Wheat flour is used as substitute.
+ + Badane Kaayi + + - Brinjal stuffed with dry stuffing of ginger, ground peanut, garam masala, garlic, sesame and salt and then sprinkled onion and other spices.
+ Shenga/Ellu chutney - It is a form of powder or dry chutney made of ground peanut or sesame.
+ Ranjaka - It is also called Kempu chutney is a paste of red chilli and is consumed as a condiment
+ Kosambari - it is dish with dal and cucumber and carrot fresh +
+ This is a typical menu of a vegetarian North Karnataka meal in Hampi

+
+ +
+

Free pickup & drop-off

+

You will be picked up from your stay or the nearest accessible point, by minibus

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

Hampi or Vijayanagara is a town in the Vijayanagara district in the Indian state of Karnataka. Located along the Tungabhadra River in the east and center part of the state, Hampi is near the city of Hosapete. It is famous for hosting the Hampi Group of Monuments, a UNESCO World Heritage Site. +

+ + Hampi is mentioned in Ashokan epigraphy and texts such as the Ramayana and the Puranas of Hinduism as Pampaa Devi Tirtha Kshetra. Hampi was a part of Vijayanara, the capital of the Hindu Vijayanagara Empire in the 14th-century.\ It became a center of economic and administrative activity of the Deccan region kingdom founded in opposition to Islamic Sultanates in South India. After over two centuries of rule, the Empire was defeated and abandoned. Since the 19th-century, its ruins have been an important site for archaeologists and historians + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Hampi/hampi.js b/dedicated destinations/Hampi/hampi.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Hampi/hampi.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Ladakh/ladakh.css b/dedicated destinations/Ladakh/ladakh.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Ladakh/ladakh.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Ladakh/ladakh.html b/dedicated destinations/Ladakh/ladakh.html new file mode 100644 index 00000000..54ad82ce --- /dev/null +++ b/dedicated destinations/Ladakh/ladakh.html @@ -0,0 +1,184 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Food Items

+

Food is a means to provide important insights into the culture and history of a place. Since Ladakh is rich in culture and history, eating food in Ladakh is similar to taking a trip down the memory lane and reliving the history that this region has to offer. +

+ One of the best parts of travelling in Ladakh is to savour different dishes and cuisines prepared by the locals. Tibetan influence on Ladakhi cuisine is palpable, especially thukpa and momos. Ladakhi food is not spicy as Indian cuisine and is simple but healthy.

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Ladakh is most famous for breathtaking landscapes, the crystal clear skies, the highest mountain passes, thrilling adventure activities, Buddhist Monasteries and festivals. Not only is it the only place in India where the graceful Double Hump camels found, but it is also the place where you will find the Magnetic Hill, the one-of-a-kind phenomena that defies gravity. + + Ladakh gains a lot of popularity for being the only cold desert in India apart from bordering the World’s highest saltwater Lake Pangong Lake. Riding up the highest motorable road in the world, Khardung la is a dream come true for many. The Hunder sand dunes, frozen river trek and snow leopards all find their only home in Ladakh. + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Ladakh/ladakh.js b/dedicated destinations/Ladakh/ladakh.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Ladakh/ladakh.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Manali/m.css b/dedicated destinations/Manali/m.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Manali/m.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Manali/m.html b/dedicated destinations/Manali/m.html new file mode 100644 index 00000000..67a9d491 --- /dev/null +++ b/dedicated destinations/Manali/m.html @@ -0,0 +1,182 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Food Items

+

+ Siddu is one of the famous street foods among locals in Manali. It is prepared with traditional methods using wheat flour & stuffed mutton Its half-moon-shaped pie gives a unique look to its consumers. With its unique essence & mountain taste, Siddu is a typical food made in every household in Manali +

+ + + +
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Manali is a high-altitude Himalayan resort town in India’s northern Himachal Pradesh state. It has a reputation as a backpacking center and honeymoon destination. Set on the Beas River, it’s a gateway for skiing in the Solang Valley and trekking in Parvati Valley. It's also a jumping-off point for paragliding, rafting and mountaineering in the Pir Panjal mountains, home to 4,000m-high Rohtang Pass.
+ Manali is a town, near Kullu town in Kullu district in the Indian state of Himachal Pradesh. It is situated in the northern end of the Kullu Valley, formed by the Beas River. The town is located in the Kullu district, approximately 270 kilometres (170 mi) north of the state capital of Shimla and 544 kilometres (338 mi) northeast of the national capital of New Delhi. With a population of 8,096 people recorded in the 2011 Indian census Manali is the beginning of an ancient trade route through Lahaul (H.P.) and Ladakh, over the Karakoram Pass and onto Yarkand and Hotan in the Tarim Basin of China. Manali is a popular tourist destination in India and serves as the gateway to the Lahaul and Spiti district as well as the city of Leh in Ladakh. + + + +

+
+ + +
+ + + + +
+ + + + + + \ No newline at end of file diff --git a/dedicated destinations/Manali/m.js b/dedicated destinations/Manali/m.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Manali/m.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Red_Fort/red.css b/dedicated destinations/Red_Fort/red.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Red_Fort/red.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Red_Fort/red.html b/dedicated destinations/Red_Fort/red.html new file mode 100644 index 00000000..ee102084 --- /dev/null +++ b/dedicated destinations/Red_Fort/red.html @@ -0,0 +1,188 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Meal included

+

The fort has been a silent witness to feasts and banquets during the Mughal era where royal chefs would prepare luxurious meals with exotic spices, dried fruits, and flavored rice - a style that has trickled down to modern-day Delhi's cuisine. +
+ + Some Meals you must Try +
Chole Bhature (Veg): A quintessential Punjabi dish consisting of spicy chickpeas and deep-fried bread.
+ Aloo Tikki (Veg): Fried potato patties often served with chutneys and chickpeas.
+ Rajma Chawal (Veg): A comfort food made from red kidney beans in a thick gravy with steamed rice.
+ Paneer Tikka (Veg): Skewered and grilled chunks of cottage cheese marinated in spices and yogurt.
+ Dal Makhani (Veg): A creamy lentil dish cooked with butter and cream, loved for its rich flavor.

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Red Fort or Lal Qila is a historic fort in the Old Delhi neighbourhood of Delhi, India, that historically served as the main residence of the Mughal emperors. Emperor Shah Jahan commissioned construction of the Red Fort on 12 May 1639, when he decided to shift his capital from Agra to Delhi. Originally red and white, its design is credited to architect Ustad Ahmad Lahori, who also constructed the Taj Mahal. The fort represents the peak in the Mughal architecture under Shah Jahan and combines Persian palace architecture with Indian traditions. +

+The fort was plundered of its artwork and jewels during Nader Shah's invasion of the Mughal Empire in 1739. Most of the fort's marble structures were subsequently demolished by the British following the Indian Rebellion of 1857. The fort's defensive walls were largely undamaged, and the fortress was subsequently used as a garrison. + + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Red_Fort/red.js b/dedicated destinations/Red_Fort/red.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Red_Fort/red.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Red_Fort/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg b/dedicated destinations/Red_Fort/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg new file mode 100644 index 00000000..4eb91f05 Binary files /dev/null and b/dedicated destinations/Red_Fort/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg differ diff --git a/dedicated destinations/Rishikesh/Rishi.css b/dedicated destinations/Rishikesh/Rishi.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Rishikesh/Rishi.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Rishikesh/Rishi.html b/dedicated destinations/Rishikesh/Rishi.html new file mode 100644 index 00000000..77e9d82d --- /dev/null +++ b/dedicated destinations/Rishikesh/Rishi.html @@ -0,0 +1,185 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Food Items

+

Rishikesh is a beautiful hill station and a leading pilgrimage site as well. Being a famous tourist spot, the city is also renowned for its rich culinary scene, effectively depicted through street food stalls and eateries. The city is significantly vegetarian and features some of the most sought-after North Indian delicacies that you would love to relish.

+ + If you are visiting Rishikesh, here are some of the must-have street food items in the city: Samosa,Chole bhature,Aloo Puri,Mommos,Aloo tikki etc. + + + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Rishikesh is located on the banks of the Ganga River in the northern state of Uttarakhand. The city is mostly a pilgrimage center and is also known as the yoga capital of India. There are, however, certain adventure activities conducted here for thrill-seeking tourists. + + You can engage in activities such as rafting in the Ganga River, rock and cliff climbing, take part in a survival camp at the nearby forest or go bungee jumping. The bungee jump is the highest in India at a staggering 83 meters high – leaving you in freefall for a whole 5 seconds. + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Rishikesh/Rishi.js b/dedicated destinations/Rishikesh/Rishi.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Rishikesh/Rishi.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Shimla/S.css b/dedicated destinations/Shimla/S.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Shimla/S.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Shimla/Shimla.html b/dedicated destinations/Shimla/Shimla.html new file mode 100644 index 00000000..2fe5ba07 --- /dev/null +++ b/dedicated destinations/Shimla/Shimla.html @@ -0,0 +1,183 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Food Items

+

Madra Madra. A Creamy Delight: One of the most iconic dishes in Shimla is Madra. This traditional Himachali dish features soaked and boiled chickpeas cooked in a rich, creamy gravy made from yoghurt and an assortment of aromatic spices. +
+ A sweet kachori-like delicacy but without filling, babru is an offering from Shimla. Wheat flour dough is fermented and rolled into small discs, deep fried till they puff up and turn crispy golden. + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Shimla is the capital of the northern Indian state of Himachal Pradesh, in the Himalayan foothills. Once the summer capital of British India, it remains the terminus of the narrow-gauge Kalka-Shimla Railway, completed in 1903. It’s also known for the handicraft shops that line The Mall, a pedestrian avenue, as well as the Lakkar Bazaar, a market specializing in wooden toys and crafts +
+ Major city centre's attractions include the Shri Hanuman Jakhu (Statue), Jakhu Temple, Viceregal Lodge, Christ Church, Mall Road, The Ridge and Annadale. The city centre's northernmost point is Jakhoo and the southernmost location is Annadale, the easternmost point is Sanjauli and the western point is Chotta Shimla. + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Shimla/s.js b/dedicated destinations/Shimla/s.js new file mode 100644 index 00000000..9a24f77e --- /dev/null +++ b/dedicated destinations/Shimla/s.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=shimla'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Taj_Mahal/Taj.css b/dedicated destinations/Taj_Mahal/Taj.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/Taj_Mahal/Taj.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/Taj_Mahal/Taj.html b/dedicated destinations/Taj_Mahal/Taj.html new file mode 100644 index 00000000..d0a1ff9b --- /dev/null +++ b/dedicated destinations/Taj_Mahal/Taj.html @@ -0,0 +1,179 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Meal included

+

The Taj Mahal, while not directly linked to specific meals, is located in Agra, a city renowned for its rich culinary heritage. Visitors can indulge in Mughlai cuisine, characterized by rich, aromatic dishes like Murg Musallam (a spiced whole chicken) and Navratan Korma (a creamy mixed vegetable curry). Agra is also famous for its breakfast combo of Bedai (fried bread with spicy lentil filling) and Jalebi (a syrup-soaked sweet). Don't miss trying Petha, a unique sweet made from ash gourd, and savoring tandoori dishes cooked in traditional clay ovens.

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Taj Mahal was commissioned by Shah Jahan in 1631, to be built in the memory of his wife Mumtaz Mahal, who died on 17 June that year while giving birth to their 14th child, Gauhara Begum. Construction started in 1632, and the mausoleum was completed in 1648, while the surrounding buildings and garden were finished five years later.
+
+ The imperial court documenting Shah Jahan's grief after the death of Mumtaz Mahal illustrates that the love story held as the inspiration for the Taj Mahal. According to contemporary historians Muhammad Amin Qazvini, Abdul Hamid Lahori and Muhammad Saleh Kamboh, Shah Jahan did not show the same level of affection for others as he had shown Mumtaz while she was alive. After her death, he avoided royal affairs for a week due to his grief and gave up listening to music and lavish dressing for two years. Shah Jahan was enamored by the beauty of the land at the south side of Agra on which a mansion belonging to Raja Jai Singh I stood. He chose the place for the construction of Mumtaz's tomb after which Jai Singh agreed to donate it to the emperor. + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/Taj_Mahal/Taj.js b/dedicated destinations/Taj_Mahal/Taj.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/Taj_Mahal/Taj.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/Taj_Mahal/gallery/jovyn-chamb-iWMfiInivp4-unsplash.jpg b/dedicated destinations/Taj_Mahal/gallery/jovyn-chamb-iWMfiInivp4-unsplash.jpg new file mode 100644 index 00000000..3cddc6ce Binary files /dev/null and b/dedicated destinations/Taj_Mahal/gallery/jovyn-chamb-iWMfiInivp4-unsplash.jpg differ diff --git a/dedicated destinations/chola/chola.css b/dedicated destinations/chola/chola.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/chola/chola.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/chola/chola.html b/dedicated destinations/chola/chola.html new file mode 100644 index 00000000..a98c384e --- /dev/null +++ b/dedicated destinations/chola/chola.html @@ -0,0 +1,181 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

Meal included

+

+
Chola inscriptions also detailed the food and how it was prepared. Various records show that they cultivated paddy, sugarcane, banana, brinjal, black gram, cow peas ('karamani') and spinach. Historians say non-vegetarian food such as 'kari choru' (rice and meat cooked together) was common. + +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Great Living Chola Temples is a UNESCO World Heritage Site designation for a group of Chola dynasty era Hindu temples in the Indian state of Tamil Nadu. The temple at Thanjavur was added in the list in 1987, while the other two temples were added in 2004. +
+ Completed between early 11th and the 12th century CE, the monuments include: +
+ Brihadisvara Temple at Thanjavur, built by Rajaraja I.
+ Brihadisvara Temple at Gangaikonda Cholapuram, built by Rajendra Chola I.
+ Airavatesvara Temple at Kumbakonam, built by Rajaraja II + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/chola/chola.js b/dedicated destinations/chola/chola.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/chola/chola.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/elephanta/ele.css b/dedicated destinations/elephanta/ele.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/elephanta/ele.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/elephanta/ele.html b/dedicated destinations/elephanta/ele.html new file mode 100644 index 00000000..29787ad7 --- /dev/null +++ b/dedicated destinations/elephanta/ele.html @@ -0,0 +1,176 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ +
+ + + + +
+

Meal included

+

Enjoy pure, fresh, vegetarian cuisine at the Premvati Food Court. In the ambience of the caves of Ajanta, enjoy Indian or Continental food of your choice.

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ The Elephanta Caves are located in Western India on Elephanta Island (otherwise known as the Island of Gharapuri), which features two hillocks separated by a narrow valley. The small island is dotted with numerous ancient archaeological remains that are the sole testimonies to its rich cultural past. These archaeological remains reveal evidence of occupation from as early as the 2nd century BC. +

The rock-cut Elephanta Caves were constructed about the mid-5th to 6th centuries AD. The most important among the caves is the great Cave 1, which measures 39 metres from the front entrance to the back. In plan, this cave in the western hill closely resembles Dumar Lena cave at Ellora, in India. The main body of the cave, excluding the porticos on the three open sides and the back aisle, is 27 metres square and is supported by rows of six columns each. + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/elephanta/ele.js b/dedicated destinations/elephanta/ele.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/elephanta/ele.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/peru/p.css b/dedicated destinations/peru/p.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/peru/p.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/peru/p.html b/dedicated destinations/peru/p.html new file mode 100644 index 00000000..26cca4d5 --- /dev/null +++ b/dedicated destinations/peru/p.html @@ -0,0 +1,182 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

About their Food

+

+ The main staple of a Perúvian breakfast is café con leche, coffee with milk. Bread, cheese and marmalade also are served at breakfast. In Perú, the verb that goes with breakfast is tomar, which means “to take” or “to drink.” You don't “eat” breakfast in Perúvian Spanish. Supper usually consists of tea and bread.
+ Classic Peruvian lunch ideas include grilled yucca with huancaina sauce, tasty tenderstem and beef lomo saltado, and mouthwatering minced beef tamales. Enjoy an escapade to empanada-delight with cheesy chicken empanadas, turkey and black bean empanadas or chicken and bean puff pastry empanadas.
+ Some of the common main courses served for dinner in Peru include a tasty soup, lomo saltado, ají de gallina, pollo a la brasa, tacu tacu and arroz con pollo. +

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

Peru is a country in South America that's home to a section of Amazon rainforest and Machu Picchu, an ancient Incan city high in the Andes mountains. The region around Machu Picchu, including the Sacred Valley, Inca Trail and colonial city of Cusco, is rich in archaeological sites. On Peru’s arid Pacific coast is Lima, the capital, with a preserved colonial center and important collections of pre-Columbian art.

+ Peru is one of the richest countries in the world in terms of natural resources. Gold, silver, copper, zinc, lead, and iron are found across the country, and there are reserves of oil and natural gas. +

+
+ +
+ + + + +
+ + + + + + + + + diff --git a/dedicated destinations/peru/p.js b/dedicated destinations/peru/p.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/peru/p.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/sanchi/sanchi.css b/dedicated destinations/sanchi/sanchi.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/sanchi/sanchi.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/sanchi/sanchi.html b/dedicated destinations/sanchi/sanchi.html new file mode 100644 index 00000000..61eca830 --- /dev/null +++ b/dedicated destinations/sanchi/sanchi.html @@ -0,0 +1,183 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

Meal included

+

+
Traditional meals in Madhya Pradesh consist of a variety of wheat-based flatbreads, a wide array of pulses, and seasonal vegetables. The food is often flavored with a melange of spices, giving it a unique and aromatic taste. Dairy products like ghee (clarified butter) and curd are also staples in the preparation of many dishes, contributing to their rich texture and flavor. Sanchi itself, being a pilgrimage site, tilts towards vegetarianism, celebrating dishes that are primarily vegetarian in nature +

+ + Some meals include-Poha,Daal Bafla ,Palak puri etc. + +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Sanchi Town is a Nagar panchayat, near Raisen town in Raisen District of the state of Madhya Pradesh, India, it is located 46 km (29 mi) north east of Bhopal, and 10 km (6.2 mi) from Besnagar or Vidisha in the central part of the state of Madhya Pradesh. Known for its "Sanchi Stupas", it is the location of several Buddhist monuments dating from the 3rd century BC to the 12th CE and is one of the important places of Buddhist pilgrimage. +

+ In Mahavamsa the site is referred to as Chetiyagiri, which was visited by Mahinda and his mother Devi. Early votive inscription refer to the place as Kakanaya. In the Gupta period it was termed Kakanada-Bota, and Bots-Shri-Parvat in the 7th century. A small hilltop village, just besides the stupa complex, is still called Kanakheda. + +The name Sanchi might have originated from Sanskrit and Pali word sanch meaning "to measure". In Hindi, however Sanchi or Sancha means "Moulds of Stones". + +

+
+ + + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/sanchi/sanchi.js b/dedicated destinations/sanchi/sanchi.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/sanchi/sanchi.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/spiti/spiti.css b/dedicated destinations/spiti/spiti.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/spiti/spiti.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/spiti/spiti.html b/dedicated destinations/spiti/spiti.html new file mode 100644 index 00000000..09e135cc --- /dev/null +++ b/dedicated destinations/spiti/spiti.html @@ -0,0 +1,195 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+ +
+ +
+
+ trip +
+ + + + +
+

About their Food

+

+ Spiti Valley is a cold desert valley with beautiful monasteries and breathtaking scenery. Apart from the enthralling views, tourists are lured in by the delicious traditional food. Here's a list of food items that you must try in Spiti : +

    + +
  • Madra
    • +
  • Dhaam
    • +
  • Siddu
    • +
  • Trout curry
    • +
  • Thukpa
    • +
  • Momos
    • +
+ + + +

+ + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

Spiti is a high-altitude region of the Himalayas, located in the north-eastern part of the northern Indian state of Himachal Pradesh. The name "Spiti" means "The middle land", i.e. the land between Tibet and India.

+ The name "Spiti" is derived from "Piti", which means "the middle land" as the valley is surrounded on all sides by mountain ranges that separate it from former empires. These include Ladakh to the north, Tibet to the east, Bushahr to the south and Kullu to the west.
+ +Some believe that the name Piti is a contraction of Ashwapati, a legendary ruler of Pin Valley in the time of the Mahabharata. Ashwapati means "lord of horses" and Pin Valley was famous for its horse breeds. Others attribute the name to a Tibetan dacoit named Spiti Thakur. Based in Spiti valley, the Thakur gangs raided the upper parts of Kullu, before the Sen kings established their rule. +

+
+ + +
+ + + + +
+ + + + + + + + + diff --git a/dedicated destinations/spiti/spiti.js b/dedicated destinations/spiti/spiti.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/spiti/spiti.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/dedicated destinations/thailand/t.css b/dedicated destinations/thailand/t.css new file mode 100644 index 00000000..8ab5f2b1 --- /dev/null +++ b/dedicated destinations/thailand/t.css @@ -0,0 +1,350 @@ + /*css/style.css */ + body{ + margin: 0; + } + + .slider{ + margin:120px 50px; + width:40%; + + } + + .img-box img{ + width:100%; + border: #575050 solid 3px; + box-shadow: 5px 5px 60px #575050 ; + } + + .bttn{ + border:none; + outline:none; + background:#888; + padding:10px 30px; + font-size: 20px; + color:#ddd; + cursor: pointer; + margin:17px auto; + margin-bottom: 20px; + } + + #btn-style { + display: inline-block; + border-radius: 50px; + transition: all .4s ease-in-out; + padding: 10px 10px; + background-color: transparent; + border: 2px solid #c6c9d8bf; + color: #c6c9d8bf; + font-weight: 500; + font-size: 14px; + letter-spacing: 2px; + text-decoration: none; + margin: 10px 40px; + } + + #btn-style:hover { + background-color: #ff0000; + border-color: #ff0000; + color: #fff; + } + + #btns:hover{ + background: #111; + } + + .middle{ + display: flex; + margin-top: rem; + } + + .right-section{ + display: flex; + flex-direction: column; + margin-right: 20px; + + + } + + .check-in-out{ + display: flex; + flex-direction: row; + margin-top: 120px; + } + + .check-in, .check-out{ + display: flex; + gap: .7rem; + font-weight: bold; + + } + .check-in{ + margin-right: 4rem; + margin-left: 0px; + } + + + .map{ + margin-top: 30px; + height: 200px; + margin-right: 20px; + box-shadow: 5px 5px 20px #5c5757; + } + + .description{ + margin: 50px 0; + height: 400px; + width: 800px; + padding: 0; + } + + #btnss{ + margin-left: 4rem; + padding: 11px 45px ; + } + + #btnss:hover{ + background-color:#111; + } + + .features{ + margin-top: 1rem; + display: flex; + flex-direction: column; + } + + #chk-design{ + font-size: 16px; + font-weight: bold; + height: 30px; + border-radius: 10px; + border: black solid 1px; + } + + + nav { + display: flex; + align-items: center; + justify-content: space-around; + background-color: #091020; + position: fixed; + top: 0; + width: 100%; + z-index: 1001; + } + + .nav__logo { + font-size: 1.8rem; /* Increased font size for the logo */ + font-weight: 600; + color: #ffffff; + cursor: pointer; + /* border: 2px solid white; */ + } + + .nav__logo span { + color: #3685fb; /* Assuming this is your primary color */ + } + + ul { + margin-top: 0; + margin-bottom: 1rem; + + } + ol, ul { + padding-left: 2rem; + + } + + .footer { + width: 100%; + background-color: #091020; + color: white; + } + + .footer__container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: flex-start; + /*grid-template-columns: repeat(3, 1fr);*/ + gap: 24px; + color: var(--secondary-color); + } + + .footer__col { + flex: 1; + max-width: 200px; + margin: 10px; + text-align: center; + flex-direction: column; + } + + .footer__col:nth-child(2) { + margin-top: 10px; + } + + .footer__col h3 { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 20px; + } + + .footer__col h3 span { + color: var(--primary-color); + } + + .footer__col p { + font-size: 0.8rem; + cursor: pointer; + transition: 0.3s; + } + + .footer__col p:hover { + color: #ff0000; + font-size: 15px; + } + + .footer__col p span { + font-weight: 600; + } + + .footer__col h4 { + font-size: 1rem; + font-weight: 600; + margin-bottom: 10px; + } + + .footer__bar { + max-width: var(--max-width); + margin: auto; + padding: 0.5rem; + text-align: center; + font-size: 0.8rem; + /* color: var(--secondary-color); */ + color: var(--extra-light); + border-top: 1px solid var(--text-light); + } + +/*NAV CODE------*/ +.nav-container { + height: auto; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + left: 0; + z-index: 9999; +} + +.newNav { + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; + height: auto; + width: 100%; + padding: 1rem 2rem; +} + +.navLinks { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.2rem; + list-style: none; + gap: 1.2rem; + position: relative; + top: 0.5rem; + z-index: 10; +} + +.link a { + position: relative; + color: white; + font-family: Poppins; + text-decoration: none; + font-weight: bold; +} + +.link a::before { + position: absolute; + content: ''; + height: 2px; + width: 0%; + bottom: -5px; + left: 0; + background-color: red; +} + +.link a::after { + position: absolute; + content: ''; + height: 2px; + width: 0%; + top: -5px; + right: 0; + background-color: red; + transition: all 0.2s ease-in-out; +} + +.link a:hover::before { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.link a:hover::after { + width: 100%; + transition: all 0.2s ease-in-out; +} + +.hamburger { + height: 2rem; + width: 1.7rem; + display: flex; + justify-content: space-between; + flex-direction: column; + display: none; + transition: 0.2s; +} + +.line { + height: 5px; + width: 100%; + background-color: white; + border-radius: 2px; +} + +@media screen and (max-width : 1220px) { + .hamburger { + display: flex; + cursor: pointer; + } + + .navLinks { + position: absolute; + top: 70px; + background-color: #091020; + width: 0%; + left: 0; + height: 100vh; + padding: 2rem 0; + flex-direction: column; + transition: 0.2s; + overflow: hidden; + } + + .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 diff --git a/dedicated destinations/thailand/t.html b/dedicated destinations/thailand/t.html new file mode 100644 index 00000000..3c67195c --- /dev/null +++ b/dedicated destinations/thailand/t.html @@ -0,0 +1,179 @@ + + + + + + + Tourguide + + + + + + + +
+ +
+
+ +
+
+ trip +
+ + + + +
+

Food Items

+

The word for breakfast in Thai is called aahan chow, which means morning food and it covers a wide range of options from little snacks, porridge to Thai omelet (Kai Jiew) or even grilled chicken with sticky rice (khao niew). +

+ Thai lunch is curried chicken or stir -fried vegetables with rice, noodles or soup. Dinner is generally eaten between 7:00pm and 8:00pm. + +

+
+ +
+

Free cancellation

+

Up to 100% refund according to the cancellation policy

+
+ +
+ +
+
+ +
+ + +
+
+ + +
+ +
+ +
+ +
+ +
+

Description


+

+ Thailand is a Southeast Asian country. It's known for tropical beaches, opulent royal palaces, ancient ruins and ornate temples displaying figures of Buddha. In Bangkok, the capital, an ultramodern cityscape rises next to quiet canalside communities and the iconic temples of Wat Arun, Wat Pho and the Emerald Buddha Temple (Wat Phra Kaew). Nearby beach resorts include bustling Pattaya and fashionable Hua Hin. + + + +

+
+ + +
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/dedicated destinations/thailand/t.js b/dedicated destinations/thailand/t.js new file mode 100644 index 00000000..074cf12d --- /dev/null +++ b/dedicated destinations/thailand/t.js @@ -0,0 +1,52 @@ +// 'js/mian.js' + +// let slider_img = document.querySelector('.slider-img'); +// let images = ['bali1.png', 'bali2.png', 'bali3.png', 'bali4.png']; +// let i = 0; + +// function prev(){ +// if(i <= 0) i = images.length; +// i--; +// return setImg(); +// } + +// function next(){ +// if(i >= images.length-1) i = -1; +// i++; +// return setImg(); +// } + +// function setImg(){ +// return slider_img.setAttribute('src', "./gallery/"+images[i]); + +// } + +const url = 'https://weather-by-api-ninjas.p.rapidapi.com/v1/weather?city=bali&country=bali'; +const options = { + method: 'GET', + headers: { + 'X-RapidAPI-Key': '86715c3ce3msh290fe3d7d871fd4p122649jsn2309c0ae43db', + 'X-RapidAPI-Host': 'weather-by-api-ninjas.p.rapidapi.com' + } +}; + +// Fetch weather information and update HTML +fetch(url, options) + .then(res => res.json()) + .then(data => { + console.log(data) + const weatherInfoContainer = document.getElementById('weatherInfo'); + + const humidity = data.humidity; + const max_temp = data.max_temp; + const min_temp = data.min_temp; + + const weatherInfoHTML = ` +

Maximum Temperature: ${max_temp}°C

+

Minium Temperature: ${min_temp}°C

+

Humidity: ${humidity}%

+ `; + + weatherInfoContainer.innerHTML = weatherInfoHTML; + }) + .catch(error => console.error('Error fetching weather data:', error)); \ No newline at end of file diff --git a/img/colin-watts-M1ObxvsWVhY-unsplash.jpg b/img/colin-watts-M1ObxvsWVhY-unsplash.jpg new file mode 100644 index 00000000..1bd098b3 Binary files /dev/null and b/img/colin-watts-M1ObxvsWVhY-unsplash.jpg differ diff --git a/img/fuu-j-O2Eb1TZGX9E-unsplash.jpg b/img/fuu-j-O2Eb1TZGX9E-unsplash.jpg new file mode 100644 index 00000000..71df680e Binary files /dev/null and b/img/fuu-j-O2Eb1TZGX9E-unsplash.jpg differ diff --git a/img/goldentemple.jpg b/img/goldentemple.jpg new file mode 100644 index 00000000..bea7843b Binary files /dev/null and b/img/goldentemple.jpg differ diff --git a/img/istockphoto-492494571-1024x1024.jpg b/img/istockphoto-492494571-1024x1024.jpg new file mode 100644 index 00000000..660b2270 Binary files /dev/null and b/img/istockphoto-492494571-1024x1024.jpg differ diff --git a/img/joey-csunyo-2EGuIR00UTk-unsplash.jpg b/img/joey-csunyo-2EGuIR00UTk-unsplash.jpg new file mode 100644 index 00000000..f9b227dd Binary files /dev/null and b/img/joey-csunyo-2EGuIR00UTk-unsplash.jpg differ diff --git a/img/jovyn-chamb-iWMfiInivp4-unsplash.jpg b/img/jovyn-chamb-iWMfiInivp4-unsplash.jpg new file mode 100644 index 00000000..3cddc6ce Binary files /dev/null and b/img/jovyn-chamb-iWMfiInivp4-unsplash.jpg differ diff --git a/img/ladakh.jpg b/img/ladakh.jpg new file mode 100644 index 00000000..a12959a0 Binary files /dev/null and b/img/ladakh.jpg differ diff --git a/img/narinder-pal-b9xWxpbe9vw-unsplash.jpg b/img/narinder-pal-b9xWxpbe9vw-unsplash.jpg new file mode 100644 index 00000000..eb83b20a Binary files /dev/null and b/img/narinder-pal-b9xWxpbe9vw-unsplash.jpg differ diff --git a/img/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg b/img/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg new file mode 100644 index 00000000..4eb91f05 Binary files /dev/null and b/img/swapnil-deshpandey-nHTj_6Boxdg-unsplash.jpg differ diff --git a/img/willian-justen-de-vasconcellos-4hMET7vYTAQ-unsplash.jpg b/img/willian-justen-de-vasconcellos-4hMET7vYTAQ-unsplash.jpg new file mode 100644 index 00000000..0aeda4f7 Binary files /dev/null and b/img/willian-justen-de-vasconcellos-4hMET7vYTAQ-unsplash.jpg differ diff --git a/img/yash-kiran-qxp9X5t9hQ4-unsplash.jpg b/img/yash-kiran-qxp9X5t9hQ4-unsplash.jpg new file mode 100644 index 00000000..38e972d7 Binary files /dev/null and b/img/yash-kiran-qxp9X5t9hQ4-unsplash.jpg differ diff --git a/index.html b/index.html index 49f5526d..c071d5a9 100644 --- a/index.html +++ b/index.html @@ -234,8 +234,7 @@

Find Your Perfect Getaway
Discover the World's Best style="box-shadow: 2px 2px 8px red;">Book Now - - +
@@ -245,6 +244,7 @@

Find Your Perfect Getaway
Discover the World's Best

+
Watch our story @@ -1022,6 +1022,18 @@

Subscribe to get special prize

+
+

Places You May Want to Visit.

+

+

+

+

Tourguide.

diff --git a/styles.css b/styles.css index 181bdd7e..32a115d2 100644 --- a/styles.css +++ b/styles.css @@ -979,6 +979,8 @@ header { .trip { background-color: var(--secondary-color); max-width: var(--max-width); + + } .trip_container :is(.sectiontitle, .sectionsubtitle, .view_all) { @@ -1210,7 +1212,8 @@ body.dark-theme #emailInput { display: flex ; max-width: 200px; margin: 10px; - text-align: center; + padding: 5px; + text-align: left; flex-direction: column; } .social-icon a {