diff --git a/.vscode/settings.json b/.vscode/settings.json index 6f3a2913..f673a71b 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,3 @@ { - "liveServer.settings.port": 5501 + "liveServer.settings.port": 5502 } \ No newline at end of file diff --git a/1.png b/1.png new file mode 100644 index 00000000..7bf31fa0 Binary files /dev/null and b/1.png differ diff --git a/2.png b/2.png new file mode 100644 index 00000000..7229d33a Binary files /dev/null and b/2.png differ diff --git a/3.png b/3.png new file mode 100644 index 00000000..07fc7d6f Binary files /dev/null and b/3.png differ diff --git a/Blog/dumont.css b/Blog/dumont.css new file mode 100644 index 00000000..a369837a --- /dev/null +++ b/Blog/dumont.css @@ -0,0 +1,140 @@ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style-type: none; + padding: 0; + display: flex; + justify-content: center; + margin: 0; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease, border-bottom 0.3s ease; + border-bottom: 2px solid transparent; +} + +nav ul li a:hover { + color: #4CAF50; + border-bottom: 2px solid #4CAF50; +} + +main { + padding: 20px; + max-width: 1200px; + margin: auto; +} + +section { + margin-bottom: 40px; +} + +section h2 { + border-bottom: 2px solid #4CAF50; + padding-bottom: 10px; +} + +#posts .post { + background-color: #f9f9f9; + margin-bottom: 20px; + padding: 20px; + border-left: 5px solid #4CAF50; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +#posts .post h3 { + margin-top: 0; +} + +#posts .post .date { + color: #777; + font-size: 0.9em; + margin-bottom: 10px; +} + +#posts .post .post-image { + max-width: 100%; + height: auto; + margin-bottom: 15px; + border-radius: 5px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post .post-image:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); +} + +#contact-form { + display: flex; + flex-direction: column; + max-width: 600px; + margin: auto; +} + +#contact-form label { + margin-bottom: 5px; +} + +#contact-form input, +#contact-form textarea { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; +} + +#contact-form button { + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + transition: background-color 0.3s ease; +} + +#contact-form button:hover { + background-color: #45a049; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px 0; +} + +footer p { + margin: 0; +} diff --git a/Blog/dumont.html b/Blog/dumont.html new file mode 100644 index 00000000..14314045 --- /dev/null +++ b/Blog/dumont.html @@ -0,0 +1,54 @@ + + + + + + Tour du Mont Blanc Blog + + + +
+

Tour du Mont Blanc Blog

+ +
+
+
+

Welcome to the Tour du Mont Blanc Blog

+

Join me on my adventures as I explore the breathtaking landscapes of the Tour du Mont Blanc.

+
+
+

About Me

+

Hello! I'm Shreya who loves exploring new places and sharing my experiences. Follow along as I discover the beauty of the Tour du Mont Blanc.

+
+
+

Blog Posts

+
+ +
+
+
+

Contact Me

+
+ + + + + + + +
+
+
+ + + + diff --git a/Blog/dumont.js b/Blog/dumont.js new file mode 100644 index 00000000..c7523eb1 --- /dev/null +++ b/Blog/dumont.js @@ -0,0 +1,118 @@ +document.addEventListener("DOMContentLoaded", function() { + const blogPosts = [ + { + title: "Starting the Tour du Mont Blanc", + date: "July 1, 2024", + content: ` + Today marks the beginning of my adventure on the Tour du Mont Blanc. The excitement is palpable as I set out from Les Houches. +

+ The trail is well-marked and the views are already stunning. The majestic peaks of Mont Blanc are a constant companion, offering a magnificent backdrop to the journey. +

+ After leaving Les Houches, I quickly found myself immersed in the beauty of the French Alps. The trail wound through picturesque alpine meadows filled with wildflowers. The fresh mountain air was invigorating, and the sight of Mont Blanc looming in the distance was awe-inspiring. +

+ As the day progressed, I passed charming mountain villages and crossed several suspension bridges over rushing streams. Each turn of the trail brought new and breathtaking views. I reached my first overnight stop, a cozy refuge, just as the sun was setting. It was a perfect end to an exhilarating day. + `, + imageUrl: "https://cdn.bookatrekking.com/data/images/2020/06/shutterstock-1013024953.jpg" + }, + + { + title: "Climbing to Col de la Croix du Bonhomme", + date: "July 2, 2024", + content: ` + Today was a challenging climb to the Col de la Croix du Bonhomme, but the panoramic views from the top were absolutely worth the effort. +

+ The ascent was steep, and the weather turned colder as I gained altitude. But reaching the top felt like an incredible achievement, and the sweeping views of the surrounding mountains were a perfect reward. +

+ The climb to Col de la Croix du Bonhomme was one of the toughest parts of the trek so far. The trail zigzagged up steep slopes, and as I ascended, the temperature dropped noticeably. Despite the physical challenge, the scenery kept me motivated. The higher I climbed, the more expansive the views became. +

+ Upon reaching the col, I was greeted by a stunning panorama of snow-capped peaks and deep valleys. The sense of accomplishment was overwhelming. After taking in the views and capturing some photos, I began the descent to the next refuge, where I enjoyed a hearty meal and shared stories with fellow hikers. + `, + imageUrl: "https://i0.wp.com/www.cycling-challenge.com/wp-content/uploads/DJI_3131.jpg" + }, + { + title: "Exploring Courmayeur", + date: "July 3, 2024", + content: ` + Today was a rest day in Courmayeur, a beautiful Italian town nestled in the Alps. It was a perfect opportunity to relax and explore. +

+ The town has a charming atmosphere, with narrow streets, traditional architecture, and plenty of cafes and shops. I spent the day wandering around, enjoying the local cuisine, and preparing for the next leg of the trek. +

+ Courmayeur offered a delightful contrast to the rugged mountain trails. The town is steeped in history, with its quaint streets and traditional buildings. I started the day with a leisurely stroll through the town center, stopping at a local bakery for some fresh pastries and coffee. +

+ The rest of the day was spent exploring Courmayeur's many attractions. I visited the local market, where I picked up some fresh produce and local delicacies. In the evening, I dined at a charming trattoria, savoring a delicious Italian meal. It was a perfect day of relaxation and indulgence before heading back to the trail. + `, + imageUrl: "https://www.courmayeurmontblanc.it/wp-content/uploads/2023/09/Primavera_AliceAbbruzzino_for_CourmayeurMontBlanc_n.-86-1-scaled.jpg" + }, + { + title: "Crossing the Grand Col Ferret", + date: "July 4, 2024", + content: ` + Today's journey took me over the Grand Col Ferret, marking the border between Italy and Switzerland. The views were simply breathtaking. +

+ The climb was challenging, but the sense of crossing into a new country on foot was exhilarating. The Swiss side of the trail offered its own unique beauty, with rolling green hills and pristine alpine scenery. +

+ Crossing the Grand Col Ferret was a memorable part of the trek. The trail ascended steadily, and the views became more dramatic with each step. Reaching the col, I felt a sense of accomplishment and excitement as I stepped into Switzerland. The landscape changed noticeably, with lush green pastures and picturesque Swiss chalets dotting the hillsides. +

+ The descent into the Swiss valley was equally stunning. The pristine alpine scenery, with its rolling hills and clear streams, was picture-perfect. I arrived at the next refuge, where I was welcomed with warm hospitality and a delicious Swiss meal. It was a perfect end to a remarkable day. + `, + imageUrl: "https://www.randos-montblanc.com/wp-content/gallery/grand-col-et-tete-de-ferret/ferret21.jpg" + }, + { + title: "Reaching Champex-Lac", + date: "July 5, 2024", + content: ` + After several days of challenging hiking, I arrived in the picturesque village of Champex-Lac. The tranquil lake and surrounding mountains made it a perfect spot for a well-deserved rest. +

+ The village is incredibly charming, and I enjoyed a leisurely day by the lake, soaking in the beauty of the Swiss Alps. The reflections of the mountains in the clear water were mesmerizing. +

+ Champex-Lac provided a serene break from the rigors of the trail. The village, nestled by a crystal-clear lake, was like something out of a postcard. I spent the day relaxing by the water, taking in the reflections of the surrounding mountains. +

+ In the evening, I took a leisurely walk around the lake, marveling at the tranquil beauty of the place. The sunset cast a golden glow over the water, creating a magical atmosphere. It was a perfect end to a day of rest and rejuvenation. + `, + imageUrl: "https://www.novo-monde.com/app/uploads/2020/06/vue-champex.jpg" + }, + { + title: "Final Stretch to Chamonix", + date: "July 6, 2024", + content: ` + The final day of the Tour du Mont Blanc brought me back to Chamonix. The journey has been incredible, filled with breathtaking views and unforgettable experiences. +

+ The descent into Chamonix was bittersweet, marking the end of an amazing adventure. The town's vibrant atmosphere was a perfect contrast to the tranquility of the trail, and I celebrated the completion of the trek with newfound friends. +

+ The final stretch of the Tour du Mont Blanc was a mix of emotions. The descent into Chamonix was filled with anticipation and a bit of sadness as the trek came to an end. The views on the way down were stunning, with Mont Blanc providing a majestic backdrop. +

+ Arriving in Chamonix, I was greeted by the vibrant energy of the town. The streets were bustling with fellow hikers, climbers, and tourists. I celebrated the completion of the trek with a hearty meal and a toast to the incredible journey. The Tour du Mont Blanc has been an unforgettable experience, filled with breathtaking scenery, challenging climbs, and lasting memories. + `, + imageUrl: "https://content.r9cdn.net/rimg/dimg/c5/c2/9f824e3a-city-24428-167bdc2d7c2.jpg?width=1366&height=768&xhint=1384&yhint=1645&crop=true" + } + ]; + + const postsContainer = document.getElementById("posts"); + + blogPosts.forEach(post => { + const postElement = document.createElement("div"); + postElement.classList.add("post"); + + const postTitle = document.createElement("h3"); + postTitle.textContent = post.title; + + const postDate = document.createElement("p"); + postDate.classList.add("date"); + postDate.textContent = post.date; + + const postImage = document.createElement("img"); + postImage.src = post.imageUrl; + postImage.alt = post.title; + postImage.classList.add("post-image"); + + const postContent = document.createElement("p"); + postContent.innerHTML = post.content; + + postElement.appendChild(postTitle); + postElement.appendChild(postDate); + postElement.appendChild(postImage); + postElement.appendChild(postContent); + + postsContainer.appendChild(postElement); + }); +}); diff --git a/Blog/kashmir.css b/Blog/kashmir.css new file mode 100644 index 00000000..15035ffe --- /dev/null +++ b/Blog/kashmir.css @@ -0,0 +1,162 @@ +/* Reset and General Styles */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + background-color: #f4f4f4; + margin: 0; + padding: 0; +} + +header { + background-color: #333; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style-type: none; + padding: 0; + display: flex; + justify-content: center; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease, border-bottom 0.3s ease; + border-bottom: 2px solid transparent; +} + +nav ul li a:hover { + color: #4CAF50; + border-bottom: 2px solid #4CAF50; +} + +main { + padding: 20px; + margin: auto; + max-width: 1200px; /* Increased maximum width */ + background-color: white; + box-shadow: 0 0 10px rgba(0,0,0,0.1); +} + +section { + margin-bottom: 40px; + padding-bottom: 20px; + border-bottom: 1px solid #ddd; +} + +section:last-child { + margin-bottom: 0; + border-bottom: none; +} + +section h2 { + border-bottom: 2px solid #4CAF50; + padding-bottom: 10px; +} + +#posts .post { + background-color: #f9f9f9; + margin-bottom: 20px; + padding: 20px; + border-left: 5px solid #4CAF50; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +#posts .post h3 { + margin-top: 0; +} + +#posts .post .date { + color: #777; + font-size: 0.9em; + margin-bottom: 10px; +} + +#posts .post .post-image { + max-width: 100%; + height: auto; + margin-bottom: 15px; + border-radius: 5px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post .post-image:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); +} + +#contact-form { + display: flex; + flex-direction: column; + max-width: 600px; /* Adjusted max-width for contact form */ + margin: auto; +} + +#contact-form label { + margin-bottom: 5px; +} + +#contact-form input, +#contact-form textarea { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; + width: calc(100% - 22px); /* Adjusted input width */ +} + +#contact-form button { + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + transition: background-color 0.3s ease; + width: 100%; + max-width: 200px; /* Adjusted max-width for button */ + margin: auto; /* Center button */ +} + +#contact-form button:hover { + background-color: #45a049; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px 0; + position: fixed; + width: 100%; + bottom: 0; +} + +footer p { + margin: 0; +} diff --git a/Blog/kashmir.html b/Blog/kashmir.html new file mode 100644 index 00000000..5bcba48d --- /dev/null +++ b/Blog/kashmir.html @@ -0,0 +1,54 @@ + + + + + + Kashmir Blog + + + +
+

Kashmir Blog

+ +
+
+
+

Welcome to the Kashmir Blog

+

Discover the beauty and charm of Kashmir through the eyes of a traveler.

+
+
+

About Me

+

Hey Everyone, I'm Smishthi , I love to explore India and curious about various places.I love to travel.

+
+
+

Blog Posts

+
+ +
+
+
+

Contact Me

+
+ + + + + + + +
+
+
+ + + + diff --git a/Blog/kashmir.js b/Blog/kashmir.js new file mode 100644 index 00000000..4b385cf8 --- /dev/null +++ b/Blog/kashmir.js @@ -0,0 +1,85 @@ +document.addEventListener("DOMContentLoaded", function() { + const blogPosts = [ + { + title: "Arriving in Kashmir", + date: "March 1, 2024", + content: ` + Today I arrived in Kashmir, known as "Paradise on Earth," and it has already exceeded my expectations. The snow-capped mountains, serene lakes, and lush valleys make it a breathtaking destination. +

+ As I drove through the picturesque landscapes, the beauty of Kashmir unfolded before my eyes. The Dal Lake shimmered under the clear blue sky, and the surrounding gardens were a riot of colors. +

+ I settled into a houseboat on the Dal Lake, where the hospitality of Kashmiri culture welcomed me. The warm chai and traditional Kashmiri cuisine made me feel at home. I can't wait to explore more of this enchanting region. + `, + imageUrl: "https://img.veenaworld.com/wp-content/uploads/2023/01/shutterstock_2044050407.jpg" + }, + { + title: "Exploring Srinagar", + date: "March 2, 2024", + content: ` + Today was spent exploring the vibrant city of Srinagar, the summer capital of Jammu and Kashmir. The Mughal gardens, with their terraced lawns and ornamental shrubs, were a testament to the region's rich history. +

+ I visited Nishat Bagh and Shalimar Bagh, where the symmetrical layout and cascading fountains left me in awe. The Chashme Shahi garden, with its natural spring and panoramic views of the Dal Lake, offered a tranquil retreat. +

+ In the evening, I took a shikara ride on the Dal Lake, gliding past floating gardens and houseboats adorned with intricate woodcarvings. The sunset painted the sky in hues of orange and pink, creating a magical atmosphere. + `, + imageUrl: "https://www.ekashmirtourism.com/wp-content/uploads/2022/12/dal-lake-kashmir-in-winter.jpg" + }, + { + title: "Journey to Gulmarg", + date: "March 3, 2024", + content: ` + Today's journey took me to Gulmarg, a pristine hill station nestled in the Pir Panjal range. The snow-covered slopes and dense pine forests made it a paradise for adventure enthusiasts. +

+ I took the Gulmarg Gondola, one of the highest cable cars in the world, to reach Kongdoori Mountain. From there, I was treated to panoramic views of the snow-capped peaks and the Kashmir Valley below. +

+ After descending, I indulged in winter sports like skiing and snowboarding. The fresh powder and wide slopes provided the perfect playground for both beginners and experienced skiers alike. +

+ Gulmarg's charm extends beyond its winter activities. The Gulmarg Biosphere Reserve, with its diverse flora and fauna, offered a peaceful escape into nature's embrace. + `, + imageUrl: "https://hblimg.mmtcdn.com/content/hubble/img/gulmarg/mmt/destination/m_Gulmarg_activity_mountains_l_460_690.jpg" + }, + { + title: "Exploring Pahalgam", + date: "March 4, 2024", + content: ` + Today I ventured into Pahalgam, a picturesque town known for its lush green meadows and pristine rivers. The Lidder River, with its crystal-clear waters, meandered through the valley, creating a serene ambiance. +

+ I hiked through the Aru Valley, surrounded by towering pine trees and snow-capped peaks. The valley echoed with the melodies of colorful birds, adding to its natural charm. +

+ Betaab Valley, named after the Bollywood movie "Betaab" filmed here, offered panoramic views of the Himalayan range. The lush greenery and blooming flowers painted a picture-perfect setting. +

+ Pahalgam is not just a haven for nature lovers but also a gateway to the revered Amarnath Cave, where pilgrims trek to worship the ice lingam. The spiritual energy of the place was palpable. + `, + imageUrl: "https://media-cdn.tripadvisor.com/media/attractions-splice-spp-720x480/07/19/b2/88.jpg" + } + ]; + + const postsContainer = document.getElementById("posts"); + + blogPosts.forEach(post => { + const postElement = document.createElement("div"); + postElement.classList.add("post"); + + const postTitle = document.createElement("h3"); + postTitle.textContent = post.title; + + const postDate = document.createElement("p"); + postDate.classList.add("date"); + postDate.textContent = post.date; + + const postImage = document.createElement("img"); + postImage.src = post.imageUrl; + postImage.alt = post.title; + postImage.classList.add("post-image"); + + const postContent = document.createElement("p"); + postContent.innerHTML = post.content; + + postElement.appendChild(postTitle); + postElement.appendChild(postDate); + postElement.appendChild(postImage); + postElement.appendChild(postContent); + + postsContainer.appendChild(postElement); + }); +}); diff --git a/Blog/kepler.css b/Blog/kepler.css new file mode 100644 index 00000000..a369837a --- /dev/null +++ b/Blog/kepler.css @@ -0,0 +1,140 @@ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style-type: none; + padding: 0; + display: flex; + justify-content: center; + margin: 0; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease, border-bottom 0.3s ease; + border-bottom: 2px solid transparent; +} + +nav ul li a:hover { + color: #4CAF50; + border-bottom: 2px solid #4CAF50; +} + +main { + padding: 20px; + max-width: 1200px; + margin: auto; +} + +section { + margin-bottom: 40px; +} + +section h2 { + border-bottom: 2px solid #4CAF50; + padding-bottom: 10px; +} + +#posts .post { + background-color: #f9f9f9; + margin-bottom: 20px; + padding: 20px; + border-left: 5px solid #4CAF50; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +#posts .post h3 { + margin-top: 0; +} + +#posts .post .date { + color: #777; + font-size: 0.9em; + margin-bottom: 10px; +} + +#posts .post .post-image { + max-width: 100%; + height: auto; + margin-bottom: 15px; + border-radius: 5px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post .post-image:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); +} + +#contact-form { + display: flex; + flex-direction: column; + max-width: 600px; + margin: auto; +} + +#contact-form label { + margin-bottom: 5px; +} + +#contact-form input, +#contact-form textarea { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; +} + +#contact-form button { + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + transition: background-color 0.3s ease; +} + +#contact-form button:hover { + background-color: #45a049; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px 0; +} + +footer p { + margin: 0; +} diff --git a/Blog/kepler.html b/Blog/kepler.html new file mode 100644 index 00000000..ec342f89 --- /dev/null +++ b/Blog/kepler.html @@ -0,0 +1,54 @@ + + + + + + Kepler Track Blog + + + +
+

Kepler Track Blog

+ +
+
+
+

Welcome to the Kepler Track Blog

+

Join me on my adventures as I explore the breathtaking landscapes of Kepler Track.

+
+
+

About Me

+

Hello! I'm Tanya who loves exploring new places and sharing my experiences. Follow along as I discover the beauty of Kepler Track.

+
+
+

Blog Posts

+
+ +
+
+
+

Contact Me

+
+ + + + + + + +
+
+
+ + + + diff --git a/Blog/kepler.js b/Blog/kepler.js new file mode 100644 index 00000000..a295b226 --- /dev/null +++ b/Blog/kepler.js @@ -0,0 +1,75 @@ +document.addEventListener("DOMContentLoaded", function() { + const blogPosts = [ + { + title: "First Day on Kepler Track", + date: "June 1, 2024", + content: ` + Today I began my journey on the Kepler Track and it has been an incredible experience so far. The scenery is breathtaking. +

+ The trail is well-maintained and offers stunning views of the surrounding mountains and lakes. I can't wait to see what tomorrow brings. +

+ I started my hike at the Kepler Track car park and the weather was perfect. The first section of the track led me through lush beech forest. The sound of birds chirping and the fresh forest air made the hike even more enjoyable. +

+ After a few hours, I reached the shores of Lake Te Anau. The crystal-clear waters of the lake and the reflections of the mountains were simply mesmerizing. I took a short break here to soak in the beauty of the place. + `, + imageUrl: "https://dynamic-media-cdn.tripadvisor.com/media/photo-o/0d/c4/ef/37/kepler-track-is-one-of.jpg?w=1200&h=1200&s=1" + }, + { + title: "Hiking to Luxmore Hut", + date: "June 2, 2024", + content: ` + Today's hike took me to the Luxmore Hut. The climb was challenging but the views from the top were absolutely worth it. +

+ The hut is situated in an amazing location, offering panoramic views of the Fiordland mountains and lakes. I spent the evening watching the sunset from the deck. +

+ The ascent to Luxmore Hut was steep and strenuous, but the changing landscapes kept me motivated. From dense forests, the trail gradually opened up to alpine tussock fields. The higher I climbed, the more spectacular the views became. +

+ Upon reaching Luxmore Hut, I was greeted by friendly fellow hikers. We shared stories and experiences while enjoying the breathtaking scenery. The sunset from the hut was one of the most beautiful I have ever seen, painting the sky in shades of orange and pink. + `, + imageUrl: "https://inafarawayland.com/wp-content/uploads/2022/11/Kepler-Track-5-1024x683.jpg" + }, + { + title: "Exploring the Caves", + date: "June 3, 2024", + content: ` + Today I explored the caves near Luxmore Hut. It was an exciting adventure, and the formations inside the caves were fascinating. +

+ The guide provided a lot of interesting information about the geology of the area. It was a great experience and a nice break from the hiking. +

+ The caves near Luxmore Hut are a hidden gem. Equipped with a flashlight, I ventured into the dark and cool cave system. Stalactites and stalagmites adorned the cave walls, creating an otherworldly atmosphere. +

+ The guided tour was informative and engaging. I learned about the geological history of the area and how these fascinating formations were created over thousands of years. It was a unique experience that added a new dimension to my hike. + `, + imageUrl: "https://venturenewzealand.co.nz/uploads/6576b6cd923eb_1702278861.jpg" + } + ]; + + const postsContainer = document.getElementById("posts"); + + blogPosts.forEach(post => { + const postElement = document.createElement("div"); + postElement.classList.add("post"); + + const postTitle = document.createElement("h3"); + postTitle.textContent = post.title; + + const postDate = document.createElement("p"); + postDate.classList.add("date"); + postDate.textContent = post.date; + + const postImage = document.createElement("img"); + postImage.src = post.imageUrl; + postImage.alt = post.title; + postImage.classList.add("post-image"); + + const postContent = document.createElement("p"); + postContent.innerHTML = post.content; + + postElement.appendChild(postTitle); + postElement.appendChild(postDate); + postElement.appendChild(postImage); + postElement.appendChild(postContent); + + postsContainer.appendChild(postElement); + }); +}); diff --git a/Blog/kesugi.css b/Blog/kesugi.css new file mode 100644 index 00000000..a369837a --- /dev/null +++ b/Blog/kesugi.css @@ -0,0 +1,140 @@ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style-type: none; + padding: 0; + display: flex; + justify-content: center; + margin: 0; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease, border-bottom 0.3s ease; + border-bottom: 2px solid transparent; +} + +nav ul li a:hover { + color: #4CAF50; + border-bottom: 2px solid #4CAF50; +} + +main { + padding: 20px; + max-width: 1200px; + margin: auto; +} + +section { + margin-bottom: 40px; +} + +section h2 { + border-bottom: 2px solid #4CAF50; + padding-bottom: 10px; +} + +#posts .post { + background-color: #f9f9f9; + margin-bottom: 20px; + padding: 20px; + border-left: 5px solid #4CAF50; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +#posts .post h3 { + margin-top: 0; +} + +#posts .post .date { + color: #777; + font-size: 0.9em; + margin-bottom: 10px; +} + +#posts .post .post-image { + max-width: 100%; + height: auto; + margin-bottom: 15px; + border-radius: 5px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post .post-image:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); +} + +#contact-form { + display: flex; + flex-direction: column; + max-width: 600px; + margin: auto; +} + +#contact-form label { + margin-bottom: 5px; +} + +#contact-form input, +#contact-form textarea { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; +} + +#contact-form button { + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + transition: background-color 0.3s ease; +} + +#contact-form button:hover { + background-color: #45a049; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px 0; +} + +footer p { + margin: 0; +} diff --git a/Blog/kesugi.html b/Blog/kesugi.html new file mode 100644 index 00000000..cb57617f --- /dev/null +++ b/Blog/kesugi.html @@ -0,0 +1,54 @@ + + + + + + Kesugi Bridge Blog + + + +
+

Kesugi Ridge Blog

+ +
+
+
+

Welcome to the Kesugi Ridge Blog

+

Join me on my adventures as I explore the breathtaking landscapes of Kesugi Bridge.

+
+
+

About Me

+

Hello! I'm a Ayesha who loves exploring new places and sharing my experiences. Follow along as I discover the beauty of Kesugi Bridge.

+
+
+

Blog Posts

+
+ +
+
+
+

Contact Me

+
+ + + + + + + +
+
+
+ + + + diff --git a/Blog/kesugi.js b/Blog/kesugi.js new file mode 100644 index 00000000..1cfadeb6 --- /dev/null +++ b/Blog/kesugi.js @@ -0,0 +1,69 @@ +document.addEventListener("DOMContentLoaded", function() { + const blogPosts = [ + { + title: "First Day at Kesugi Ridge", + date: "June 1, 2024", + content: ` + Today I arrived at Kesugi Ridge and the view is absolutely stunning. The serene environment is just what I needed to unwind. +

+ The drive here was long but worth every moment. As I crossed the bridge, I could feel the tranquility of the place enveloping me. The air is fresh, and the sound of the river below is incredibly soothing. +

+ After settling in, I took a walk along the trails. The lush greenery and the vibrant flora made it a feast for the senses. I can't wait to explore more in the coming days. + `, + imageUrl: "https://www.pariaoutdoorproducts.com/cdn/shop/articles/Kesugi_Ridge_Trail.jpg?v=1483048098" + }, + { + title: "Hiking Adventures", + date: "June 2, 2024", + content: ` + Went on a hiking trail today and the experience was exhilarating. The lush greenery and the sound of the river made it unforgettable. +

+ The trail was well-marked and offered a variety of landscapes. From dense forests to open meadows, each section had its own unique charm. I even spotted some wildlife along the way, including a curious deer. +

+ The highlight of the hike was reaching the viewpoint. From there, I had a panoramic view of the surrounding area. The mountains in the distance looked majestic, and I spent a good hour just taking in the scenery. + `, + imageUrl: "https://live.staticflickr.com/6077/6124901205_712a4c7bf4_b.jpg" + }, + { + title: "Sunset at Kesugi Ridge", + date: "June 3, 2024", + content: ` + Witnessed the most beautiful sunset at Kesugi Ridge today. The sky turned into a canvas of vibrant colors. +

+ As the sun dipped below the horizon, the sky transformed into shades of orange, pink, and purple. The reflection on the river added to the beauty, creating a picture-perfect moment. +

+ I sat by the Ridge, capturing the moment with my camera. It's moments like these that make traveling so rewarding. The peace and beauty of this place are unparalleled. + `, + imageUrl: "https://uploads.alaska.org/suppliers/_1600xAUTO_crop_center-center_65_none/Kesugi4-nuuc4g.jpg" + } + ]; + + const postsContainer = document.getElementById("posts"); + + blogPosts.forEach(post => { + const postElement = document.createElement("div"); + postElement.classList.add("post"); + + const postTitle = document.createElement("h3"); + postTitle.textContent = post.title; + + const postDate = document.createElement("p"); + postDate.classList.add("date"); + postDate.textContent = post.date; + + const postImage = document.createElement("img"); + postImage.src = post.imageUrl; + postImage.alt = post.title; + postImage.classList.add("post-image"); + + const postContent = document.createElement("p"); + postContent.innerHTML = post.content; + + postElement.appendChild(postTitle); + postElement.appendChild(postDate); + postElement.appendChild(postImage); + postElement.appendChild(postContent); + + postsContainer.appendChild(postElement); + }); +}); diff --git a/Blog/varanasi.css b/Blog/varanasi.css new file mode 100644 index 00000000..a369837a --- /dev/null +++ b/Blog/varanasi.css @@ -0,0 +1,140 @@ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; + background-color: #f4f4f4; +} + +header { + background-color: #333; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +nav ul { + list-style-type: none; + padding: 0; + display: flex; + justify-content: center; + margin: 0; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease, border-bottom 0.3s ease; + border-bottom: 2px solid transparent; +} + +nav ul li a:hover { + color: #4CAF50; + border-bottom: 2px solid #4CAF50; +} + +main { + padding: 20px; + max-width: 1200px; + margin: auto; +} + +section { + margin-bottom: 40px; +} + +section h2 { + border-bottom: 2px solid #4CAF50; + padding-bottom: 10px; +} + +#posts .post { + background-color: #f9f9f9; + margin-bottom: 20px; + padding: 20px; + border-left: 5px solid #4CAF50; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post:hover { + transform: scale(1.02); + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +#posts .post h3 { + margin-top: 0; +} + +#posts .post .date { + color: #777; + font-size: 0.9em; + margin-bottom: 10px; +} + +#posts .post .post-image { + max-width: 100%; + height: auto; + margin-bottom: 15px; + border-radius: 5px; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#posts .post .post-image:hover { + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0,0,0,0.2); +} + +#contact-form { + display: flex; + flex-direction: column; + max-width: 600px; + margin: auto; +} + +#contact-form label { + margin-bottom: 5px; +} + +#contact-form input, +#contact-form textarea { + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 1em; +} + +#contact-form button { + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1em; + transition: background-color 0.3s ease; +} + +#contact-form button:hover { + background-color: #45a049; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px 0; +} + +footer p { + margin: 0; +} diff --git a/Blog/varanasi.html b/Blog/varanasi.html new file mode 100644 index 00000000..4d767bee --- /dev/null +++ b/Blog/varanasi.html @@ -0,0 +1,54 @@ + + + + + + Varanasi Travel Blog + + + +
+

Varanasi Travel Blog

+ +
+
+
+

Welcome to the Varanasi Travel Blog

+

Explore the ancient city of Varanasi through my experiences and stories.

+
+
+

About Me

+

Hello! I'm Kritika , passionate about exploring cultures and sharing my adventures. Join me as I uncover the rich history and spirituality of Varanasi.

+
+
+

Blog Posts

+
+ +
+
+
+

Contact Me

+
+ + + + + + + +
+
+
+ + + + diff --git a/Blog/varanasi.js b/Blog/varanasi.js new file mode 100644 index 00000000..fbe2633a --- /dev/null +++ b/Blog/varanasi.js @@ -0,0 +1,101 @@ +document.addEventListener("DOMContentLoaded", function() { + const blogPosts = [ + { + title: "First Impressions of Varanasi", + date: "January 1, 2024", + content: ` + Today I arrived in Varanasi, one of the oldest cities in the world. The bustling streets, vibrant colors, and rich culture immediately captivated me. +

+ As I navigated through the narrow lanes, known as 'galis', the sights, sounds, and smells overwhelmed my senses. The constant hum of activity, from vendors selling colorful textiles to the aroma of street food, created an unforgettable atmosphere. +

+ My first stop was the ghats along the Ganges River. The sacred riverbank was bustling with devotees performing rituals, sadhus meditating under ancient trees, and boats gently gliding on the water. The spiritual energy of Varanasi is palpable, and I can't wait to explore more of this mystical city. + `, + imageUrl: "https://media.tacdn.com/media/attractions-splice-spp-674x446/06/6f/12/a3.jpg" + }, + { + title: "Exploring the Ghats", + date: "January 2, 2024", + content: ` + Today was dedicated to exploring the famous ghats of Varanasi. Each ghat has its own unique character and significance, reflecting different aspects of life and spirituality. +

+ I started at Dashashwamedh Ghat, where the Ganga Aarti ceremony at sunset was a mesmerizing spectacle of lights, music, and devotion. The rhythmic chants and the synchronized movements of the priests left a lasting impression. +

+ Walking along the ghats, I encountered countless temples, each with its own stories and legends. The intricate architecture and colorful decorations added to the spiritual ambiance of Varanasi. +

+ Varanasi's ghats are not just places of worship but also centers of social and cultural activities. From morning yoga sessions to evening boat rides, each experience offered a deeper insight into the city's soul. + `, + imageUrl: "https://images.adsttc.com/media/images/6486/f324/7870/7215/2fd6/dbf5/large_jpg/varanasis-ghats-the-adaptable-riverscapes-of-india_1.jpg?1686565718" + }, + { + title: "Savoring Varanasi Cuisine", + date: "January 3, 2024", + content: ` + Today was all about indulging in Varanasi's rich culinary delights. From street food to traditional thalis, every bite offered a taste of the city's diverse flavors. +

+ I started my day with a steaming cup of chai and crispy kachoris at a local tea stall. The flavors of spices and herbs danced on my palate, setting the tone for a day filled with gastronomic adventures. +

+ For lunch, I sampled the famous Benarasi chaat, a delightful mix of tangy, spicy, and sweet flavors. The bustling alleys of Godowlia Market offered endless options, each dish bursting with local ingredients and age-old recipes. +

+ In the evening, I dined at a rooftop restaurant overlooking the Ganges. The serene view paired perfectly with traditional dishes like baati chokha and malaiyyo, creating a memorable culinary experience. + `, + imageUrl: "https://img.traveltriangle.com/blog/wp-content/uploads/2019/12/cover-for-Restaurants-In-Varanasi_11th-dec.jpg" + }, + { + title: "Morning Boat Ride on the Ganges", + date: "January 4, 2024", + content: ` + Today started with a serene boat ride on the Ganges River at sunrise. The calm waters mirrored the soft hues of the sky, creating a surreal atmosphere. +

+ As the boat glided along the river, I witnessed life unfolding on the ghats. From morning rituals to locals bathing in the holy waters, every moment was a glimpse into the daily rhythm of Varanasi. +

+ The boat ride offered panoramic views of the city's skyline dotted with temples and palaces. The gentle breeze and the soft chants of prayers added to the tranquility of the experience. +

+ Varanasi revealed itself in the golden light of dawn, a city steeped in spirituality and tradition. The boat ride was a poignant reminder of the sacred bond between the people and the river that sustains them. + `, + imageUrl: "https://media.tacdn.com/media/attractions-splice-spp-674x446/07/72/68/de.jpg" + }, + { + title: "Visiting Sarnath", + date: "January 5, 2024", + content: ` + Today I visited Sarnath, a sacred Buddhist site just outside Varanasi. The peaceful surroundings and ancient stupas offered a serene contrast to the bustling city. +

+ Sarnath is where Lord Buddha delivered his first sermon after attaining enlightenment. The Dhamek Stupa, dating back to the 5th century, stood as a testament to the region's rich spiritual heritage. +

+ Walking through the ruins and monasteries, I felt a profound sense of peace and introspection. The beautifully preserved artifacts and sculptures narrated stories of a bygone era. +

+ Sarnath provided a tranquil retreat from the hustle and bustle of Varanasi. The expansive grounds and lush gardens were a perfect place for quiet contemplation and meditation. + `, + imageUrl: "https://static.toiimg.com/thumb/width-600,height-400,msid-68814312.cms" + } + ]; + + const postsContainer = document.getElementById("posts"); + + blogPosts.forEach(post => { + const postElement = document.createElement("div"); + postElement.classList.add("post"); + + const postTitle = document.createElement("h3"); + postTitle.textContent = post.title; + + const postDate = document.createElement("p"); + postDate.classList.add("date"); + postDate.textContent = post.date; + + const postImage = document.createElement("img"); + postImage.src = post.imageUrl; + postImage.alt = post.title; + postImage.classList.add("post-image"); + + const postContent = document.createElement("p"); + postContent.innerHTML = post.content; + + postElement.appendChild(postTitle); + postElement.appendChild(postDate); + postElement.appendChild(postImage); + postElement.appendChild(postContent); + + postsContainer.appendChild(postElement); + }); +}); diff --git a/Signup.css b/Signup.css new file mode 100644 index 00000000..b2b8e87b --- /dev/null +++ b/Signup.css @@ -0,0 +1,197 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + background: linear-gradient(135deg, #f0f0f0, #e5f0ff); +} + +.container { + width: 100%; + height: 100%; + background: rgb(240, 240, 240); + display: flex; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + border-radius: 15px; + overflow: hidden; +} + +.left-section, .right-section { + padding: 20px; +} + +.left-section { + flex: 3; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background: rgb(240, 240, 240); /* Light Green */ + text-align: center; +} + +.animated-heading { + font-size: 50px; + font-weight: 600; + margin-bottom: 20px; + color: #000000; /* Yellow */ + animation: fadeIn 2s ease-in-out; +} + +.description { + font-size: 16px; + color: #000000; + margin-bottom: 20px; + line-height: 1.5; +} + +.login-form { + display: flex; + flex-direction: column; + gap: 20px; + width: 100%; + max-width: 300px; + margin-bottom: 20px; +} + +.input-field { + padding: 12px 20px; + border: 2px solid #000000; /* Yellow */ + border-radius: 90px; + font-size: 16px; + outline: none; + transition: border-color 0.3s; +} + +.input-field:focus { + border-color: #000000; /* Darker Yellow */ +} + +.submit-button { + background-color: #000000; /* Yellow */ + border: none; + color: white; + padding: 12px 20px; + font-size: 16px; + cursor: pointer; + border-radius: 90px; + transition: background-color 0.3s, color 0.3s, transform 0.3s; + width: 100%; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +.submit-button:hover { + background-color: #ffffff; /* Darker Yellow */ + transform: scale(1.05); + color: #000000; + border:#000000; + border-style: groove; +} + + +.right-section { + flex: 7; + display: flex; + justify-content: center; + align-items: center; + background: #f0f0f0; + position: relative; + overflow: hidden; + padding: 0; +} + +.transition-image { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0; + transition: opacity 1s ease-in-out; +} + +.transition-image:first-child { + opacity: 1; +} + +@keyframes fadeIn { + 0% { opacity: 0; transform: translateY(-20px); } + 100% { opacity: 1; transform: translateY(0); } +} + +.blinking-cursor { + font-weight: 100; + font-size: 50px; + color: #000000; /* Yellow */ + animation: blink 1s step-end infinite; +} + +@keyframes blink { + from, to { + color: transparent; + } + 50% { + color: #070707; /* Yellow */ + } +} + +.back-button { + position: absolute; + top: 20px; + left: 20px; + background: rgb(240, 240, 240); + border: none; + color:rgb(240, 240, 240); + padding: 0px; + font-size: 16px; + cursor: pointer; + border-radius: 1%; + transition: background-color 0.3s, color 0.3s, transform 0.3s; +} + +.back-button:hover { + transform: scale(1.25); + color: #000000; /* Yellow */ +} +.already-signed-up { + font-size: 14px; + color: #000000; + margin-top: 20px; + display: flex; + flex-direction: row; + align-items: center; + text-decoration: none; + gap: 5px; /* Add some space between the text and the link */ +} +a{ + font-size: 14px; + color: #000000; + text-decoration: none; + display: inline-block; +} + +/* .already-signed-up span { + margin-bottom: 10px; + font-weight: 600; +} */ + +/* .already-signed-up a { + color: #FFA500; /* Yellow */ + /* text-decoration: none; + font-weight: 600; + background-color: #E0FFD8; + padding: 10px 20px; + border-radius: 20px; + transition: color 0.3s, background-color 0.3s; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} */ + +/* .already-signed-up a:hover { + color: white; + background-color: #FFA500; /* Darker Yellow */ \ No newline at end of file diff --git a/Signup.html b/Signup.html new file mode 100644 index 00000000..891a471f --- /dev/null +++ b/Signup.html @@ -0,0 +1,56 @@ + + + + + + + Signup + + + +
+
+ +

Tourguide|

+

+ Welcome to TourGuide, where we firmly believe that life's + true purpose unfolds amidst the thrill of exploration, the embrace of the unfamiliar, and the + pursuit of the extraordinary! Our mission is to embolden you, the intrepid traveler, to unveil this + purpose and elevate your journey by providing unparalleled assistance and guidance. +

+ +

+ Already signed up? Login +

+
+
+ travel_pics + travel_pics + travel_pics + travel_pics + travel_pics + travel_pics + travel_pics +
+
+ + + + \ No newline at end of file diff --git a/counter.css b/counter.css new file mode 100644 index 00000000..c1fab7fd --- /dev/null +++ b/counter.css @@ -0,0 +1,81 @@ + + + /* counter */ + .wrapper { + + width: 80%; + + margin-left: auto; + margin-right: auto; + align-items: center; + display: flex; + justify-content: space-between; + + } + .countitem { + width: 28vmin; + height: 28vmin; + display: flex; + flex-direction: column; + justify-content: space-around; + padding: 1em 0; + font-size: 16px; + border-width: 0.5px ; + border-color: solid purple; + border-radius: 0.5em; + background: linear-gradient(white,rgb(153, 139, 251)); + border-bottom: 10px solid #40349c; + } + .countitem i { + color: #06006e; + font-size: 2.5em; + text-align: center; + } + span.num { + color: #32316a; + display: grid; + place-items: center; + font-weight: 600; + font-size: 3em; + } + span.text { + color: #6c2121; + font-size: 1.2em; + text-align: center; + padding: 0em 00em; + font-weight: 400; + margin-bottom: 1em; + line-height: 0; + } + @media screen and (max-width: 1024px) { + .wrapper { + width: 85vw; + } + .countitem{ + height: 26vmin; + width: 26vmin; + font-size: 12px; + } + } + @media screen and (max-width: 768px) { + .wrapper { + width: 90vw; + flex-wrap: wrap; + gap: 30px; + } + .countitem { + width: calc(50% - 40px); + height: 30vmin; + font-size: 14px; + } + } + @media screen and (max-width: 480px) { + .wrapper { + gap: 15px; + } + .countitem { + width: 100%; + height: 25vmin; + font-size: 8px; + } + } \ No newline at end of file diff --git a/faq-website.css b/faq-website.css index f8e461a9..a0cf1449 100644 --- a/faq-website.css +++ b/faq-website.css @@ -2,11 +2,38 @@ * { box-sizing: border-box; + border-radius: 20px; } + +:root{ + --color-primary: #ffd54b; + --color-text: #545d7a; + --color-white: #fff; + --color-title: #242e4c; + --color-background: #f7f8fb; + --color-border: #dae1f5; + + /* Fonts */ + /* --font-family: "Satoshi", sans-serif; + --fs-sm: 1.4rem; + --fs-md: 1.6rem; + --fs-lg: 2.2rem; + --fw-regular: 400; + --fw-medium: 500; + --fw-bold: 700; */ + + /* Transition & Box Shadow */ + --transition: 0.4s ease-in-out; + --shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05); + + } + + .faq-container { margin: 0 auto; - max-width: 600px; + max-width: 900px !important; + width: 80%; } .faq { @@ -57,15 +84,42 @@ } .faq-text { - display: none; + /* display: none; */ margin: 30px 0 0; color: black; } -.faq.active .faq-text { - display: block; -} + /* Colors */ + + /* html { + font-size: 62.5%; + } */ + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + /* box-sizing: content-box; */ + } + + body { + background-color: var(--color-background); + font-family: var(--font-family); + color: var(--color-text); + font-size: var(--fs-md); + font-weight: var(--fw-regular); + } + + .container{ + width: 100% !important; + + margin: auto; + min-height: 100vh; + padding: 2rem; + display: grid; + place-items: center; + } .faq-toggle { align-items: center; background: rgb(239, 239, 239); @@ -87,15 +141,113 @@ display: none; } -.faq.active .faq-toggle .fa-times { - color: #fff; - display: block; -} - -.faq-toggle .fa-chevron-down { - display: block; -} -.faq.active .faq-toggle { - background-color: #9fa4a8; -} + + + .accordion__wrapper { + background-color: var(--color-white); + box-shadow: var(--shadow); + border-radius:10px; + width: 100%; + /* max-width: 60rem; */ + padding: 5rem; + } + + .accordion__title{ + font-size: 25px; + font-weight:800; + color: var(--color-title); + text-align: center; + margin-bottom: 4rem; + } + + .accordion { + border-bottom: 0.1rem solid var(--color-border); + padding-bottom: 2rem; + margin-bottom: 3rem; + width: 100%; + } + + .accordion__header { + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; + cursor: pointer; + } + + .accordion__icon { + background-color: var(--color-primary); + width: 2.2rem; + height: 2.2rem; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + color: var(--color-white); + flex-shrink: 0; + } + + .accordion__question{ + font-size: 18px; + font-weight: 700; + color: var(--color-title); + width: 100%; + } + + .accordion__answer{ + padding: 2rem 0; + font-size: 16px; + } + + .accordion__content{ + overflow: hidden; + height: 0; + transition: var(--transition); + } + + @media screen and (min-width: 580px) { + .accordion__wrapper { + padding: 5rem 8rem; + } + } + + + .more{ + padding: 50px; + background-color: aliceblue; + margin: 10px auto; + display: flex; + flex-direction: row; + justify-content: space-between; + } + .more p{ + color:grey; + } + + .moreemail{ + padding: 10px 20px; + font-size: 18px; + border-radius: 10px; + color: white; + background-color: rgb(40, 87, 241); + } + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/faq-website.js b/faq-website.js index 66f1146c..760971bb 100644 --- a/faq-website.js +++ b/faq-website.js @@ -1,7 +1,21 @@ -const toggles = document.querySelectorAll(".faq-toggle"); -toggles.forEach((toggle) => { - toggle.addEventListener("click", () => { - toggle.parentElement.classList.toggle("active"); +const accordions = document.querySelectorAll(".accordion"); + +accordions.forEach((accordion, index) => { + const header = accordion.querySelector(".accordion__header"); + const content = accordion.querySelector(".accordion__content"); + const icon = accordion.querySelector("#accordion-icon"); + + header.addEventListener("click", () => { + const isOpen = content.style.height === `${content.scrollHeight}px`; + + accordions.forEach((a, i) => { + const c = a.querySelector(".accordion__content"); + const ic = a.querySelector("#accordion-icon"); + + c.style.height = i === index && !isOpen ? `${c.scrollHeight}px` : "0px"; + ic.classList.toggle("ri-add-line", i !== index || !isOpen); + ic.classList.toggle("ri-subtract-fill", i === index && !isOpen); + }); }); }); diff --git a/faq.html b/faq.html index 02b9506d..fb9db66d 100644 --- a/faq.html +++ b/faq.html @@ -1,113 +1,372 @@ + + + + - Document - - - + + + + + + + + + + + + + Tourguide + + + + + + + + + + + + + + + + + + + - + + + + + + + +
+ + + +
+
+
+ + +
+ - -


- + +
-
-
-
-
-
-
-
-

Frequently Asked Questions?

-

Navigate your journey seamlessly with answers at every turn – Your FAQ compass for worry-free wanderlust!

-
- +
+

Frequently Asked Questions

-
-
-
- -
- -
-
- -
- -
-
-
- - - -
-
-

- -

-
-
- Booking your travel with us is simple and convenient. Start by entering your destination, travel dates, and other relevant details on our homepage. Browse through the available options, including flights, hotels, and car rentals. Once you find the perfect combination for your trip, follow the easy step-by-step process to confirm your booking. If you encounter any issues or have questions during the booking process, our customer support team is available 24/7 to assist you. -
-
-
-
-

- -

-
-
- We take the security of your personal information seriously. Our website employs state-of-the-art encryption technology to safeguard your data during the booking process. Additionally, we adhere to strict privacy policies and comply with industry standards to protect your information. Rest assured that your details are used solely for the purpose of facilitating your travel arrangements, and we do not share your information with third parties without your consent. For more details, please refer to our Privacy Policy. -
-
-
-
-

- -

-
-
- Yes, we understand that plans can change. Depending on the terms and conditions of your specific booking, you may be able to make modifications or cancel your reservation. Log in to your account on our website, navigate to the "Manage Booking" section, and follow the provided instructions. Keep in mind that there may be associated fees or restrictions depending on the type of booking and the time of the requested changes. For further assistance, feel free to contact our customer support team, and they will guide you through the process. -
-
-
-
- - - - - - -
- -
-
-
-
+ +
+
+

How do I book my travel arrangements through your website?

+ + + +
+
+

Booking your travel with us is simple and convenient. + Start by entering your destination, travel dates, and other relevant details on our homepage. + Browse through the available options, including flights, hotels, and car rentals. Once you find + the perfect combination for your trip, follow the easy step-by-step process to confirm your booking. + If you encounter any issues or have questions during the booking process, our customer support team is + available 24/7 to assist you.

+
+
+ + +
+
+

What measures are in place to ensure the safety of my personal information?

+ + + +
+
+

We take the security of your personal information seriously. + Our website employs state-of-the-art encryption technology to safeguard your data during the booking process. + Additionally, we adhere to strict privacy policies and comply with industry standards to protect your information. + Rest assured that your details are used solely for the purpose of facilitating your travel arrangements, + and we do not share your information with third parties without your consent. + For more details, please refer to our Privacy Policy.

+
+
+ + +
+
+

Can I make changes to my booking or cancel it if needed?

+ + + +
+
+

Yes, we understand that plans can change. Depending on the terms and conditions + of your specific booking, you may be able to make modifications or cancel your reservation. + Log in to your account on our website, navigate to the "Manage Booking" section, and follow + the provided instructions. Keep in mind that there may be associated fees or restrictions depending + on the type of booking and the time of the requested changes. For further assistance, feel free to + contact our customer support team, and they will guide you through the process.

+
+
+ + +
+
+

Will I get assistance while on travel?

+ + + +
+
+

Yes, We provide 24X7 support and customer assistance while we are serving you.

+
+
+ + +
+
+

Can I negotiate the prices?

+ + + +
+
+

Sure! If it's a customized trip, we can negotiate prices based on requirements. However, if on group tours or offers, we cannot negotiate the prices.

+
+
+
+ +
+
+

Have More questions?

+

Feel Free to Email us!

+
+
+ +
+
+ + + + + + + + + + + document.addEventListener('DOMContentLoaded', function () { + var isLoggedIn = localStorage.getItem('isLoggedIn'); + var loginButton = document.getElementById('btn-style'); + var logoutButton = document.getElementById('logout-btn'); + if (isLoggedIn === 'true') { + loginButton.style.display = 'none'; + logoutButton.style.display = 'block'; + loginButton.disabled = true ; + logoutButton.disabled = false; + logoutButton.style.cursor = 'pointer'; + logoutButton.addEventListener('click', function() { + localStorage.setItem('isLoggedIn', 'false'); + window.location.href = './index.html'; + }); + } else { + loginButton.style.display = 'block'; + logoutButton.disabled = true; + } +}); + - \ No newline at end of file + diff --git a/feed.css b/feed.css index 02db532b..fa2147a8 100644 --- a/feed.css +++ b/feed.css @@ -1,6 +1,7 @@ body { font-family: Arial, sans-serif; - background-color: black; + background: url("dubai.jpg") no-repeat center center fixed; + background-size: cover; padding: 20px; color: #333; } @@ -8,7 +9,7 @@ body { .container { max-width: 800px; margin: auto; - background: #fff; + background: rgba(173, 227, 241, 0.6); /* Translucent background */ padding: 40px; border-radius: 10px; box-shadow: 10px 10px 15px rgb(88, 87, 87); @@ -16,80 +17,83 @@ body { h2 { text-align: center; - color: #003366; + color: #340384; margin-bottom: 20px; margin-top: 12px; + font-size: 3em; /* Increased font size */ } h3 { - margin-top: 30px; - color: #003366; - margin-bottom: 20px; -} -#bookingProcess,#accuracyInformation,#paymentOptions,#securityMeasures,#customerSupport{ - margin-top: 10px; - margin-bottom: 10px; + margin-top: 30px; + color: #0a0b0c; + margin-bottom: 20px; + font-size: 1.5em; /* Increased font size */ } .mb-3 { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; } -p{ - color: #003366; + +p { + color: #0e0e0f; + font-size: 1.2em; /* Increased font size */ } .form-label { font-weight: bold; - color: #1d3557; + color: #090a0b; margin-bottom: 30px; } -#navigationEase{ - margin-top: 10px; -} - .form-control { width: 100%; padding: 12px; - border: 1px solid #e8e8e8; + border: 1px solid #010101; border-radius: 5px; margin-top: 10px; + font-size: 1.1em; /* Increased font size */ } .btn { padding: 12px 24px; - border: none; + border: 3px solid rgb(0, 49, 79); border-radius: 5px; cursor: pointer; - background: linear-gradient(#003366,#9f4bee); + background: linear-gradient(#227fdd, #860cf8); color: white; - display: block; - margin: 20px auto 0; - text-align: center; + display: block; + margin: 20px auto 0; + text-align: center; + font-size: 1.2em; + transition: transform 0.3s ease; } .btn:hover { - background: linear-gradient(#007bff,#e534bf); + background: linear-gradient(#010e10, #4a51df); + transform: scale(1.1); } .star { font-size: 24px; - color: #ccc; + color: #f9f7f7; cursor: pointer; } .star.checked { - color: #f0cd04; + color: #cc0213; } -#navigationEase, -#bookingProcess, -#accuracyInformation, -#paymentOptions, -#securityMeasures, -#customerSupport, +#navigationEase, +#bookingProcess, +#accuracyInformation, +#paymentOptions, +#securityMeasures, +#customerSupport, #overallExperience { gap: 5px; + display: flex; + margin-top: 14px; + color: black; } #navigationEase-rating-text, @@ -99,14 +103,15 @@ p{ #securityMeasures-rating-text, #customerSupport-rating-text, #overallExperience-rating-text { - color: #003366; - margin-top: 10px; + color: #050506; + margin-top: 20px; + margin-top: 20px; + font-size: 1.1em; } -.col-md-6{ - margin-bottom: 20px; +.col-md-6 { + margin-bottom: 20px; position: relative; - } .col-md-6 .icon { position: absolute; @@ -123,37 +128,136 @@ p{ align-items: center; } -.col-md-6 input{ +.col-md-6 input { + align-items: center; width: 90%; padding: 10px 10px 10px 40px; - border: 1px solid #ccc; - border-radius: 5px; - font-size: 14px; + border: 1.5px solid #010117; + border-radius: 8px; + font-size: 1.2em; } -.group{ +.group { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; } -.text{ +.text { width: 50%; display: flex; justify-content: center; } -.last{ +.last { display: flex; justify-content: space-between; align-items: center; flex-direction: row; } -.form-check-label{ +.form-check-label { width: 2000px; } -label{ - color: #003366; +label { + color: #0c0d0e; + font-size: 18px; } +.icons { + justify-content: center; + display: flex; + gap: 25px; + margin-top: 30px; + margin-bottom: 20px; +} + +.icons .icon i { + font-size: 34px; + transition: all 0.3s ease; + color: #1c1919; +} + +.icons .icon:hover i { + transform: scale(1.2); +} + +.icons .icon:hover .fab.fa-linkedin { + color: #0764c1; +} +.icons .icon:hover .fab.fa-twitter { + color: #090e11; +} + +.icons .icon:hover .fab.fa-instagram { + background: radial-gradient( + circle at 30% 107%, + #fdf497 0%, + #fdf497 5%, + #fd5949 45%, + #d6249f 60%, + #285aeb 90% + ); + background-clip: text; + border-radius: 20%; + transform: scale(1.5); + color: transparent; +} + +.icons .icon:hover .fab.fa-youtube { + color: #c31a1e; +} +.icons .icon:hover .fab.fa-github { + color: #070606; +} + +textarea { + background-color: #e3f4f7; + border: 3px solid #0d0c10; + border-radius: 10px; + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); + font-size: 2em; + padding: 15px; + transition: all 0.3s ease; +} + +textarea:hover { + background-color: #e2f8f8; + border-color: #070707; +} + +textarea:focus { + background-color: #eef7ff; + border-color: #227fdd; + box-shadow: 0 0 10px rgba(34, 127, 221, 0.6); + outline: none; +} + +@media (max-width: 600px) { + .group { + flex-direction: column; + align-items: flex-start; + } + + .group .row { + width: 100%; + } + + .group .col-md-12 { + width: 100%; + } + + .rating-container { + flex-direction: column; + width: 100%; + } + + .rating-stars { + justify-content: flex-start; + } + + .rating-text { + width: 100%; + margin-top: 0; + } +} diff --git a/feed.html b/feed.html index 77c71e9e..1d44041f 100644 --- a/feed.html +++ b/feed.html @@ -1,154 +1,192 @@ - - + Tour Feedback Form - + - - - - + src="https://kit.fontawesome.com/b08b6de27e.js" + crossorigin="anonymous" + > + + +
-
+ +
+
+

Tour Feedback Form

+
+
-
-
-

Tour Feedback Form

-
-
+
+
+
+ +
+
+
+ +
+
+
+
+
+ +
+
+
+
+ +
+
+ +

What's your opinion about:

-
-
-
- -
-
-
- -
+
+
+
+ + +
-
-
-
- -
- -

-
-
- -
- -
+
+
+
+ +
+

Rating: 0

+
+
+
+ +
+

Rating: 0

+
+
+
-

What's your opinion about:

- -
-
-
- - - -
+

How would you rate the following aspects?

+
+
+
+ +
+

Rating: 0

-
-
- -
-
-

Rating: 0

-
+
+
+
+ +
+

Rating: 0

-
-
- -
-
-

Rating: 0

-
+
+ +
+
+ +
+

Rating: 0

+
- +
+
+ +
+
-

How would you rate the following aspects?

-
-
-
- -
-
-

Rating: 0

-
-
-
-
- -
-
-

Rating: 0

-
-
- - -
-
- -
- -
-

Rating: 0

-
-
+
+
+ +
- - -
-
- -
+ +
+ +
+
+
-
-
-
- - -
-
+ +
+
+
-
-
-
- + +
+ +
+
- -
-
+ +
+
+
-
-
- -
+ +
+
- +
+
+
- - - + diff --git a/feed.js b/feed.js index 1f008515..40a82356 100644 --- a/feed.js +++ b/feed.js @@ -1,59 +1,82 @@ -document.addEventListener('DOMContentLoaded', () => { - const ratingCategories = [ - 'navigationEase', - 'bookingProcess', - 'accuracyInformation', - 'paymentOptions', - 'securityMeasures', - 'customerSupport', - 'overallExperience' - ]; - - ratingCategories.forEach(category => { - const container = document.getElementById(category); - for (let i = 1; i <= 5; i++) { - const star = document.createElement('i'); - star.classList.add('fa', 'fa-star', 'star'); - star.dataset.rating = i; - star.addEventListener('click', () => setRating(category, i)); - container.appendChild(star); - } - }); +document.addEventListener("DOMContentLoaded", () => { + const ratingCategories = [ + "navigationEase", + "bookingProcess", + "accuracyInformation", + "paymentOptions", + "securityMeasures", + "customerSupport", + "overallExperience", + ]; + + ratingCategories.forEach((category) => { + const container = document.getElementById(category); + for (let i = 1; i <= 5; i++) { + const star = document.createElement("i"); + star.classList.add("fa", "fa-star", "star"); + star.dataset.rating = i; + star.addEventListener("click", () => setRating(category, i)); + container.appendChild(star); + } + }); }); function setRating(category, rating) { - const stars = document.querySelectorAll(`#${category} .star`); - const ratingText = document.getElementById(`${category}-rating-text`); + const stars = document.querySelectorAll(`#${category} .star`); + const ratingText = document.getElementById(`${category}-rating-text`); - stars.forEach(star => { - star.classList.toggle('checked', star.dataset.rating <= rating); - }); + stars.forEach((star) => { + star.classList.toggle("checked", star.dataset.rating <= rating); + }); - ratingText.textContent = `Rating: ${rating}`; + ratingText.textContent = `Rating: ${rating}`; } -function submitFeedback() { - const feedback = { - event_name: document.getElementById('event_name').value, - event_date: document.getElementById('event_date').value, - FullName: document.getElementById('FullName').value, - Email: document.getElementById('Email').value, - navigationEase: document.querySelectorAll('#navigationEase .star.checked').length, - bookingProcess: document.querySelectorAll('#bookingProcess .star.checked').length, - accuracyInformation: document.querySelectorAll('#accuracyInformation .star.checked').length, - paymentOptions: document.querySelectorAll('#paymentOptions .star.checked').length, - securityMeasures: document.querySelectorAll('#securityMeasures .star.checked').length, - customerSupport: document.querySelectorAll('#customerSupport .star.checked').length, - overallExperience: document.querySelectorAll('#overallExperience .star.checked').length, - suggestions: document.getElementById('suggestions').value, - notify_future_events: document.getElementById('notify_future_events').checked, - can_follow_up: document.getElementById('can_follow_up').checked - }; +document.addEventListener("DOMContentLoaded", function () { + const form = document.getElementById("feedback-form"); + + form.addEventListener("submit", function (event) { + event.preventDefault(); // Prevent default form submission + + // Get form elements + const eventName = document.getElementById("event_name").value.trim(); + const eventDate = document.getElementById("event_date").value; + const fullName = document.getElementById("FullName").value.trim(); + const email = document.getElementById("Email").value.trim(); + const comments = document.getElementById("comments").value.trim(); + + // Check if the feedback is empty + if (comments === "") { + Swal.fire({ + icon: "error", + title: "Oops...", + text: "Please enter your feedback before submitting.", + customClass: { + popup: "swal-popup", + title: "swal-title", + content: "swal-content", + confirmButton: "swal-confirm-button", + }, + }); + return; // Exit the function if feedback is empty + } + + // Show a success message Swal.fire({ - title: 'Thank you!', - text: 'Your feedback has been submitted successfully.', - icon: 'success', - confirmButtonText: 'OK' + icon: "success", + title: "Success!", + text: "Your response has been recorded.", + customClass: { + popup: "swal-popup", + title: "swal-title", + content: "swal-content", + confirmButton: "swal-confirm-button", + }, + }).then((result) => { + // Clear the feedback form after the user acknowledges the success modal + if (result.isConfirmed || result.isDismissed) { + form.reset(); + } }); -} - + }); +}); diff --git a/feedback.html b/feedback.html index 31f227e9..21d3e5d2 100644 --- a/feedback.html +++ b/feedback.html @@ -26,7 +26,7 @@ + diff --git a/img/button.png b/img/button.png new file mode 100644 index 00000000..3a8b0cfd Binary files /dev/null and b/img/button.png differ diff --git a/img/feedback_img.jpg b/img/feedback_img.jpg new file mode 100644 index 00000000..3e3d23ab Binary files /dev/null and b/img/feedback_img.jpg differ diff --git a/img/login1.jpg b/img/login1.jpg new file mode 100644 index 00000000..a480cc47 Binary files /dev/null and b/img/login1.jpg differ diff --git a/img/login2.jpg b/img/login2.jpg new file mode 100644 index 00000000..90cfa950 Binary files /dev/null and b/img/login2.jpg differ diff --git a/img/login3.jpg b/img/login3.jpg new file mode 100644 index 00000000..48ce66ae Binary files /dev/null and b/img/login3.jpg differ diff --git a/img/login4.jpg b/img/login4.jpg new file mode 100644 index 00000000..5486bcdb Binary files /dev/null and b/img/login4.jpg differ diff --git a/img/login5.jpg b/img/login5.jpg new file mode 100644 index 00000000..a5795b41 Binary files /dev/null and b/img/login5.jpg differ diff --git a/img/login6.jpg b/img/login6.jpg new file mode 100644 index 00000000..5c571f1b Binary files /dev/null and b/img/login6.jpg differ diff --git a/img/login7.jpg b/img/login7.jpg new file mode 100644 index 00000000..88597759 Binary files /dev/null and b/img/login7.jpg differ diff --git a/img/trendingbg.mp4 b/img/trendingbg.mp4 new file mode 100644 index 00000000..764d4129 Binary files /dev/null and b/img/trendingbg.mp4 differ diff --git a/index.html b/index.html index 2621f56c..5c9fcce5 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,13 @@ + + @@ -17,6 +24,9 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> + + + @@ -25,6 +35,9 @@ Tourguide + + + @@ -82,7 +95,7 @@ width: 130%; } .line{ - width: 130%; + width: 150%; } .hamburger{ position: relative; @@ -163,7 +176,7 @@

TourGuide . . .

- -
+
+
+
+ + 000 + Guides +
+
+ + 000 + Tours +
+
+ + 000 + Destinations +
+ +
+
+ + + + + +

@@ -435,8 +504,8 @@

Get Flat 15% OFF

-

Explore top destinations

-

+

Explore top destinations

+

Explore your dream places around the world. Here you can find your perfect destination.

@@ -531,11 +600,11 @@

MALDIVES

Best trip packages

-

+

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

-
+
trip

Santorini, Aegean Sea

@@ -548,7 +617,7 @@

Best trip packages

-
+
trip

Machu Picchu, Peru

@@ -561,7 +630,7 @@

Best trip packages

-
+
trip

Grand Canyon National Park, Arizona

@@ -577,6 +646,9 @@

Best trip packages

@@ -617,7 +689,7 @@

Best trip packages

-

+

Our trip gallery that will inspire you

@@ -745,8 +817,24 @@

document.getElementById('newDiv').style.display = 'block'; } -





- +

+ + +
+

Tourist Guide

+

Have an amazing trip and explore the destiny

+

+

Connect with the Guide

+

+
+ guide1 +

+ guide2 +

+ guide3 +
+
+



@@ -859,46 +947,59 @@

Katie

Frequently asked questions

-
-
-

How do I book my travel arrangements through your website?

-

Booking your travel with us is simple and convenient. Start by entering your destination, +

+
+

How do I book my travel arrangements through your website?

+ + + +
+
+

Booking your travel with us is simple and convenient. Start by entering your destination, travel dates, and other relevant details on our homepage. Browse through the available options, including flights, hotels, and car rentals. Once you find the perfect combination for your trip, follow the easy step-by-step process to confirm your booking. If you encounter any issues or have questions during the booking process, our customer support team is available 24/7 to assist you.

- -
-
-

What measures are in place to ensure the safety of my personal information?

-

We take the security of your personal information seriously. Our website employs - state-of-the-art encryption technology to safeguard your data during the booking process. Additionally, we - adhere to strict privacy policies and comply with industry standards to protect your information. Rest - assured that your details are used solely for the purpose of facilitating your travel arrangements, and we - do not share your information with third parties without your consent. For more details, please refer to our - Privacy Policy.

- +
-
-

Can I make changes to my booking or cancel it if needed?

-

Yes, we understand that plans can change. Depending on the terms and conditions of your - specific booking, you may be able to make modifications or cancel your reservation. Log in to your account - on our website, navigate to the "Manage Booking" section, and follow the provided instructions. Keep in mind - that there may be associated fees or restrictions depending on the type of booking and the time of the - requested changes. For further assistance, feel free to contact our customer support team, and they will - guide you through the process.

-
- + +
+
+

What measures are in place to ensure the safety of my personal information?

+ + + +
+
+

We take the security of your personal information seriously. Our website employs + state-of-the-art encryption technology to safeguard your data during the booking process. Additionally, we + adhere to strict privacy policies and comply with industry standards to protect your information. Rest + assured that your details are used solely for the purpose of facilitating your travel arrangements, and we + do not share your information with third parties without your consent. For more details, please refer to our + Privacy Policy.

+ +
+
+ +
+
+

Can I make changes to my booking or cancel it if needed?

+ + + +
+
+

Yes, we understand that plans can change. Depending on the terms and conditions of your + specific booking, you may be able to make modifications or cancel your reservation. Log in to your account + on our website, navigate to the "Manage Booking" section, and follow the provided instructions. Keep in mind + that there may be associated fees or restrictions depending on the type of booking and the time of the + requested changes. For further assistance, feel free to contact our customer support team, and they will + guide you through the process.

+ +
+
+
@@ -1016,30 +1117,41 @@

Subscribe to get special prize

+ + +