-
Notifications
You must be signed in to change notification settings - Fork 0
/
offrs.html
145 lines (127 loc) · 6.67 KB
/
offrs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Offers</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.timer-container {
text-align: center;
color: white;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
margin-left: 800px;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark" style="background: linear-gradient(45deg, rgb(94, 189, 237), rgb(0, 123, 255)); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="pictures/Web2logo.png" alt="FunTripLogo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="position-relative" style="z-index: 1; padding: 50px 0;margin-left: 100px;" >
<h1>Exciting Travel Offers</h1>
<p>Plan your dream vacation with our special deals!</p>
</div>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="#">Hot Deals</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Student Offers</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Family PAck</a></li>
</ul>
</div>
</div>
</nav>
<video autoplay muted loop playsinline class="position-absolute w-100 h-100" style="object-fit: cover; z-index: -1;">
<source src="pictures/Switzerland.mp4" type="video/mp4">
<source src="pictures/Switzerland.webm" type="video/webm">
<p>Your browser does not support the video tag.</p>
</video>
<!-- Text Overlay -->
</header>
<section class="py-5">
<div class="container">
<div class="row g-4">
<!-- Offer Card 1 -->
<div class="col-md-4"> <!-- Added new card -->
<div class="card shadow-sm" style="width:23rem; height: 22rem;">
<img src="pictures/chardham.jpg" class="card-img-top" alt="City Tour" style="height: 12rem; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">Char Dhaam Yatra</h5>
<p class="card-text"><span style="color: red;font-weight: bold; font-size: larger;">Char Dham Yatra, Simplified! </span>Embark on the ultimate spiritual journey</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
<!-- Offer Card 2 -->
<div class="col-md-4">
<div class="card shadow-sm" style="width: 23rem; height: 22rem;">
<img src="pictures/peak.jpg" class="card-img-top" alt="Mountain Adventure" style="height: 12rem; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">Mountain Adventure</h5>
<p class="card-text"><span style="color: red;font-weight: bold; font-size: larger;">Grab Up To ₹2000</span> Explore the serene mountains</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
<!-- Offer Card 3 -->`
<div class="col-md-3">
<div class="card shadow-sm" style="width: 23rem; height: 22rem;">
<img src="pictures/Jungle.jpg" class="card-img-top" alt="City Tour" style="height: 12rem; object-fit:
cover;">
<div class="card-body">
<h5 class="card-title">Jungle Safari</h5>
<p class="card-text"><span style="color: red;font-weight: bold; font-size: larger;">Year-End Deal* </span>Step into the heart of the wilderness and experience the thrill</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
<div class="col-md-4"> <!-- Added new card -->
<div class="card shadow-sm" style="width:23rem; height: 22rem;">
<img src="pictures/friends.avif" class="card-img-top" alt="City Tour" style="height: 12rem; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">Friends Forever</h5>
<p class="card-text"><span style="color: red;font-weight: bold; font-size: larger;">Special Discount! </span>Enjoy with Your Friends and create life-long memory</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card shadow-sm" style="width: 23rem; height: 22rem;">
<img src="pictures/railplane.jpg" class="card-img-top" alt="City Tour" style="height: 12rem; object-fit:
cover;">
<div class="card-body">
<h5 class="card-title">Travel With Confidence</h5>
<p class="card-text"><span style="color: red;font-weight: bold; font-size: larger;">Confirm Tickets </span>Your seat, your schedule, 100% guaranteed confirmed tickets!!</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card shadow-sm" style="width: 23rem; height: 22rem;"> <!-- Adjust width and height -->
<img src="pictures/Oceean.jpeg" class="card-img-top" alt="Beach Destination" style="height: 12rem; object-fit: cover;"> <!-- Adjust image size -->
<div class="card-body">
<h5 class="card-title">Beach Paradise</h5>
<p class="card-text"> <span style="color: red; font-weight: bold; font-size: larger;">Flat 15% OFF!</span>
Enjoy a luxurious 5-day beach holiday</p>
<button class="btn btn-primary w-100" onclick="window.location.href='booking2.html'">Book Now</button>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark text-white text-center py-3">
<p>© 2024 FunTrip. All rights reserved.</p>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>