Skip to content

Commit

Permalink
Merge pull request #164 from pranjal12-web/pranjal
Browse files Browse the repository at this point in the history 
Plantrip page added
  • Loading branch information
@apu52
apu52 authored Jan 25, 2024
2 parents bdd75a5 + 2869cf5 commit 24be009
Show file tree
Hide file tree
Showing 2 changed files with 168 additions and 56 deletions.
130 changes: 74 additions & 56 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,41 +1,48 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="./Image-Gallery/style.css">
<title>Tourguide</title>
<!-- adding a fav-icon -->
<link rel="icon" href="img/A T logo with a white background and a square shape, connected to nature for a travel company.png" type="image/x-icon" />

<script src="index.js"></script>

<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="./Image-Gallery/style.css">
<title>Tourguide</title>
<!-- adding a fav-icon -->
<link rel="icon"
href="img/A T logo with a white background and a square shape, connected to nature for a travel company.png"
type="image/x-icon" />

<script src="index.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
</script>
<script type="text/javascript">
(function () {
emailjs.init("WB9rAyWwwLZube-er");
})();
</script>
})();

function planTrip() {

window.location.href = 'plantrip.html';
}
</script>


<style>
html {
scroll-behavior: smooth;
}
html {
scroll-behavior: smooth;
}
</style>

</head>
</head>


<body>
Expand Down Expand Up @@ -69,17 +76,17 @@ <h1 data-aos="fade-in">Find Your Perfect Getaway<br />Discover the World's Best
clients.
</p>
<div class="action__btns">
<button class="btn" data-aos="fade-in" style="width: 160px;">Plan a Trip</button>
<button class="btn" data-aos="fade-in" style="width: 160px;" onclick="planTrip()">Plan a Trip</button>
<a href="./payment.html"><button class="btn" data-aos="fade-in" style="width: 160px;">Book Now</button></a>
<div class="story">
<div class="video">
<img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg" type="video/mp4"></img>
<img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg" type="video/mp4"></img>
<!-- link to the hmtl page with the video -->
<a href="story.html" class="btn_video" target="_blank">
<span><i class="ri-play-fill"></i></span>
</a>
</div>
<span data-aos="fade-in">Watch our story</span>
<span data-aos="fade-in">Watch our story</span>
</div>
</div>
</div>
Expand Down Expand Up @@ -287,7 +294,10 @@ <h2 class="testimonial-heading" align-items="center" data-aos="fade-in">Testimon
<div class="testimonial-user" data-aos="fade-up">
<img class="testi-img" src="./img/testimonial1.jpg" alt="">
<div>
<p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
<p><sup><i class="fas fa-quote-left"></i></sup>TourGuide made our dream vacation a reality! From the
breathtaking landscapes to the seamless logistics, every moment was a new adventure. The personalized
itinerary and expert guides added a special touch to our journey. We can't wait to book our next trip with
TourGuide!<sup><i class="fas fa-quote-right"></i></sup></p>
<div class="user-info">
<h3>Joseph</h3>
</div>
Expand All @@ -296,7 +306,10 @@ <h3>Joseph</h3>
<div class="testimonial-user" data-aos="fade-up">
<img class="testi-img" src="./img/Abhisek Tamang.jpg" alt="">
<div>
<p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations. The immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with the local culture in a way we never thought possible. Thanks to TourGuide.<sup><i class="fas fa-quote-right"></i></sup></p>
<p><sup><i class="fas fa-quote-left"></i></sup>Our cultural tour with TourGuide exceeded all expectations. The
immersive experiences, knowledgeable guides, and carefully curated activities allowed us to connect with the
local culture in a way we never thought possible. Thanks to TourGuide.<sup><i
class="fas fa-quote-right"></i></sup></p>
<div class="user-info">
<h3>Charles</h3>
</div>
Expand All @@ -305,7 +318,9 @@ <h3>Charles</h3>
<div class="testimonial-user" data-aos="fade-up">
<img class="testi-img" src="./img/testimonial2.jpg" alt="">
<div>
<p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide took care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities and family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
<p><sup><i class="fas fa-quote-left"></i></sup>Traveling with the family has never been easier! TourGuide took
care of every detail, ensuring a stress-free and enjoyable vacation for all. The kid-friendly activities and
family-oriented guides made our trip unforgettable.<sup><i class="fas fa-quote-right"></i></sup></p>
<div class="user-info">
<h3>Katie</h3>
</div>
Expand Down Expand Up @@ -382,7 +397,9 @@ <h3>Tourguide<span>.</span></h3>
</div>
<div class="footer__col">
<h4>Support</h4>
<a href="./faq.html" style="color: inherit; text-decoration: none;"><p style="color: inherit;">FAQs</p></a>
<a href="./faq.html" style="color: inherit; text-decoration: none;">
<p style="color: inherit;">FAQs</p>
</a>
<p>Terms & Conditions</p>
<p>Privacy Policy</p>
<p>Contact Us</p>
Expand All @@ -402,7 +419,8 @@ <h4>Reach Out To Us</h4>
</div>
</footer>
<!-- adding a btn -->
<button id="goToTopBtn" onclick="goToTop()" class="top-btn"> <i class="fa-solid fa-chevron-up" style="color: #00328a;"></i></button>
<button id="goToTopBtn" onclick="goToTop()" class="top-btn"> <i class="fa-solid fa-chevron-up"
style="color: #00328a;"></i></button>
<script>
// Get the button
var mybutton = document.getElementById("goToTopBtn");
Expand Down Expand Up @@ -451,23 +469,23 @@ <h4>Reach Out To Us</h4>



<!--Start of Conferbot Script-->
<script type="text/javascript">
(function (d, s, id) {
var js, el = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.async = true;
js.src = 'https://s3.ap-south-1.amazonaws.com/conferbot.defaults/dist/v1/widget.min.js';
js.id = id;
js.charset = 'UTF-8';
el.parentNode.insertBefore(js, el);
js.onload = function () {
var w = window.ConferbotWidget("65abf7c21173f1231cef840f", "live_chat");
};
})(document, 'script', 'conferbot-js');
</script>
<!--End of Conferbot Script-->
<!--Start of Conferbot Script-->
<script type="text/javascript">
(function (d, s, id) {
var js, el = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.async = true;
js.src = 'https://s3.ap-south-1.amazonaws.com/conferbot.defaults/dist/v1/widget.min.js';
js.id = id;
js.charset = 'UTF-8';
el.parentNode.insertBefore(js, el);
js.onload = function () {
var w = window.ConferbotWidget("65abf7c21173f1231cef840f", "live_chat");
};
})(document, 'script', 'conferbot-js');
</script>
<!--End of Conferbot Script-->


</body>
Expand Down
94 changes: 94 additions & 0 deletions plantrip.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trip Planner</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #b1e5f748;
margin: 0;
padding: 0;
}

header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}

form {
max-width: 600px;
margin: 20px auto;
background-color: #add8e6e3;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
display: block;
margin-bottom: 8px;
}

input,
select {
width: 100%;
padding: 10px;
margin-bottom: 16px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

button {
background-color: #4CAF50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}

button:hover {
background-color: #45a049;
}
</style>
</head>

<body>

<header>
<h1>Trip Planner</h1>
</header>

<form>
<label for="destination">Destination:</label>
<input type="text" id="destination" name="destination" required>

<label for="startDate">Start Date:</label>
<input type="date" id="startDate" name="startDate" required>

<label for="endDate">End Date:</label>
<input type="date" id="endDate" name="endDate" required>

<label for="budget">Budget:</label>
<input type="number" id="budget" name="budget" required>

<label for="accommodation">Accommodation:</label>
<select id="accommodation" name="accommodation">
<option value="hotel">Hotel</option>
<option value="apartment">Apartment</option>
<option value="hostel">Hostel</option>
</select>

<button type="submit">Plan My Trip</button>
</form>

</body>

</html>

0 comments on commit 24be009

Please sign in to comment.