-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome_New.html
317 lines (254 loc) · 11 KB
/
Home_New.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
<script src="https://kit.fontawesome.com/fdd870ea48.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/Home_New.css">
<title>home</title>
</head>
<body>
<header style="position:fixed; top: 0;left: 0;background-color: white;z-index: 5; width: 100%;">
<div class="menu_bar">
<!-- <h1 class="logo"></h1> -->
<img src="img/logo.jpg" class="logo">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="a.html">About Us</a></li>
<li><a href="tourpackage.html">Tour Package</a></li>
<li><a href="#">Spiritual Tour<i class="fas fa-caret-down"></i></a>
<div class="dm">
<ul>
<li class="hover-me"><a href="#">Char dham<i class="fas fa-caret-right"></i></a>
<div class="dm2">
<ul>
<li><a href="badrinath.html">Badrinath</a></li>
<li><a href="Kedarnath.html">Kedarnath</a></li>
<li><a href="yumnotri.html">Yamunotri</a></li>
<li><a href="gangotri.html">Gangotri</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">12 jyortirling<i class="fas fa-caret-right"></i></a>
<div class="dm2">
<ul>
<li><a href="Somnath.html">Somnath</a></li>
<li><a href="Mallikarjun.html">Mallikarjun</a></li>
<li><a href="mahakaleshwar.html">Mahankal</a></li>
<li><a href="Omkareshwar.html">Omkar / Amaleshwa</a></li>
<li><a href="Kedarnath.html">Kedarnath</a></li>
<li><a href="Bhimashankar.html">Bhimashankar</a></li>
<li><a href="Kashi_Vishwanath.html">Vishveshwar</a></li>
<li><a href="Trimbakeshwar.html">Tryambakeshwar</a></li>
<li><a href="Baijnath.html">Vaidyanath</a></li>
<li><a href="Nageshwar.html"> Nagesh</a></li>
<li><a href="rameshwaram.html">Rameshwaram</a></li>
<li><a href="Grishneshwar.html">Ghrushneshwar</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">7 saptpuri<i class="fas fa-caret-right"></i></a>
<div class="dm2">
<ul>
<li><a href="ayodhya.html">Ayodhya</a></li>
<li><a href="mathura.html">Mathura</a></li>
<li><a href="maya.html">Maya</a></li>
<li><a href="kasi.html">Kasi</a></li>
<li><a href="kanchi.html">Kanchi</a></li>
<li><a href="avantika.html">Avantika</a></li>
<li><a href="dharawati.html">Dvaravati</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li><a href="photo.html">Photogallery</a></li>
<li><a href="enquiry.html">Enquiry</a></li>
<li><a href="login.html"><b><i class="fa-solid fa-user"></i></b></a></li>
<li><a href="tourpackage.html"><button type="button"><b>BOOK NOW</b></a><button></a></li>
</button>
</ul>
</div>
</header>
<div style="margin-top:130px;"> <h1 style="text-align: center;">Tirth-Yatra</h1>
<p text align="center"><i><b>Ek Achhi Yaatri ki koi Nischit Yojana Nhi Hoti Hai,Aur Yah Pahuchane Ka Irada Nhi
Hai.</b></i></p></div>
<div class="container">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"> <img src="https://i0.wp.com/wallpapercave.com/wp/wp5222779.jpg"
class="d-block w-200" alt="temple"></div>
<!-- <div class="swiper-slide"><img src="C:\Users\payal\OneDrive\Desktop\tirthyatra_project\img\somnath-temple-banner.jpg"
class="d-block w-100" alt="temple"></div> -->
<div class="swiper-slide"><img src="img/somnath-temple-banner.jpg"
class="d-block w-100" alt="temple"></div>
<div class="swiper-slide"><img src="https://wallpapercave.com/wp/wp6965890.jpg"
class="d-block w-100" alt="temple"></div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<style>
.b {
width: 100%;
height: 250px;
}
.s1 {
height: 100vh;
background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)),url(img/s23.jpg);
background-attachment: fixed;
background-size: cover;
}
/* .b {
width: 100%;
height: 250px;
}
*/
.s2 {
height: 100vh;
background-image: url(img/gaurikund.jpg);
background-size: cover;
}
</style>
<div class="s1 b">
<pre
style="font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size:150%; margin-left: 10px; padding-top: 150px; color: white;">
A pilgrimage is a journey, often into an unknown or foreign place,
where a person goes in search of new or expanded meaning about their
self, others, nature, or a higher good through the experience.
It can lead to a personal transformation, after which the pilgrim
returns to their daily life. Other Tirtha pilgrimages are Char-Dham
Yatra, which involves Badrinath,Kedarnath, Gangotri, and Yamunotri;
Amarnath yatra in Jammu and Kashmir.There are numerous pilgrimage sites
in India and elsewhere. It issupposed to neutralizes the paapas and earn
punya or religious merits and result in chitta shuddhi or purity of mind.
Even the Rig Veda (10.75) Khila refers to the sacredness of the place where
the white and black rivers Ganga and Yamuna merge at Prayag.
</pre>
</div>
<main>
<div class="s2 b">
<div class="heading1">
<h1 style="color:whitesmoke;">OUR SERVICES</h1>
</div>
<div class="c1">
<div class="b1">
<div class="i1">01</div>
<div class="c2">
<h3> Comfortable Yatra</h3>
<p>Peaceful & comfortable yatra, clean guest house, and delicious prasadam perfectly planned for a spiritual vacation </p>
</div>
</div>
<div class="b1">
<div class="i1">02</div>
<div class="c2">
<h3>Personalized Experience</h3>
<p>we travel in a small groups to personalise your experience we take care of senior citizen to give them the best experience. </p>
</div>
</div>
<div class="b1">
<div class="i1">03</div>
<div class="c2">
<h3>Diligently Planned</h3>
<p>we plan your schedule diligently. Our team explores the spiritual destinations in advance which help us to plan minute detail of the tour.</p>
</div>
</div>
<div class="b1">
<div class="i1">04</div>
<div class="c2">
<h3>Learn on Yatras</h3>
<p>Knowledge based yatras and immersive narration of the guides make learn a lot about the spiritual destination.</p>
</div>
</div>
<div class="b1">
<div class="i1">05</div>
<div class="c2">
<h3>Our Expert Team</h3>
<p>Trained and multi-lingual guides and operations expert led by yatra director at your service during the yatra.</p>
</div>
</div>
<div class="b1">
<div class="i1">06</div>
<div class="c2">
<h3>Our Cause</h3>
<p>We exist to preserve are glorious culture we are only tourist company to operate for this noble cause.</p>
</div>
</div>
</div>
</div>
</main>
<br>
<footer class="footer">
<div class="footer-left">
<br>
<img src="img/logo9.jpg"><br><h3 style="font-family:Imprint MT Shadow; margin-left:120px">Tirth Yatra</h3>
<br>
<p>5 decades back a man named Shiv Charan Lal Agarwal used to sell beans and holy books at Laxman
Jhula Rishikesh has now become a famous personality who conducts the holy journey.</p><br>
<div class="socials">
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
<ul class="footer-right">
<li>
<h2 style="font-family:Imprint MT Shadow">Our Company</h2>
<ul class="box">
<li><a href="#">Home</a> </li>
<li><a href="#">About Us</a> </li>
<li><a href="#">Tour Packages</a> </li>
<li><a href="#">Photogallery</a> </li>
<li><a href="#">Enquiry</a> </li>
</ul>
</li>
<li class="features">
<h2 style="font-family:Imprint MT Shadow">Contact Us</h2>
<ul class="box">
<li> <a href="#"> vaishvi.sisodiya28@gmail.com</a></li>
<li> <a href="#">swatinathani02@gmail.com</a></li>
<li> <a href="#">shriji77488keshav@gmail.com</a></li>
<li> <a href="#">supriyabhandari1721@gmail.com</a></li>
</ul>
</li>
<li>
<h2 style="font-family:Imprint MT Shadow">Careers</h2>
<ul class="box">
<p>Drop you Enquiry<br><a href="#">tirthyatra.com</a></p>
</ul>
</li>
</ul>
<div class="footer-bottom">
<p>All rights reserved by ©creative 2023</p>
</div>
</footer><br>
<div class="Thank">
<h2 style="text-align: center;"><b>Thank you For Visiting Our Website</b></h2>
</div><br>
</body>
</html>