forked from ashu2206/Travello_WebApp_Project
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
228 lines (198 loc) · 8.62 KB
/
index.html
File metadata and controls
228 lines (198 loc) · 8.62 KB
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Final Assignments </title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<!-- first header -->
<header>
<a href="#" class="logo"><span>T</span>ravello</a>
<nav class="navbar">
<a id="home"href="#">HOME</a>
<a href="#">PLACE TO VISIT</a>
<a href="#">PACKAGES</a>
<a href="#">TRAVEL</a>
<a href="./pages/Blog Page/blog.html">BLOGS</a>
<a href="#">ABOUT</a>
</nav>
<i class="fas fa-user" id="login-btn"></i>
</nav>
<!-- Second header -->
</header>
<div class="searchbox">
<input type="search" id="searchbar" placeholder="Search Here...">
<label for="search-bar" class="fas fa-search"></label>
</div>
<!-- main section -->
<section class="main">
<div class="main_area">
<h1>Adventure is worthwhile</h1>
<p>Discover new places with us, Awaits</p>
<button id="btn">Explore More</button>
</div>
</section>
<!-- destination section -->
<section class="container collections">
<h1><br>Featured Destination</h1>
<div class="collections_card_container">
<div class="card card1">
<div class="overlay"></div>
<div class="content">
<h4>Manali, India</h4>
</div>
</div>
<div class="card card2">
<div class="overlay"></div>
<div class="content">
<h4>Singapore</h4>
</div>
</div>
<div class="card card3">
<div class="overlay"></div>
<div class="content">
<h4>Amritsar, India</h4>
</div>
</div>
<div class="card card4">
<div class="overlay"></div>
<div class="content">
<h4>Paris,Italy</h4>
</div>
</div>
</div>
</section>
<!-- recent trips section -->
<div id="text1"><h1>Recent Trips</h1></div>
<section class="container recent_trip">
<div class="card">
<img src="././images/recent1.avif" alt="offer"/>
<h2>Sept 1 2022</h2>
<p>It's not what you look at that matters. It’s what you see</p>
</div>
<div class="card">
<img src="././images/recent5.avif" alt="offer"/>
<h2>Oct 12 2022</h2>
<p>All i need is a campsite</p>
</div>
<div class="card">
<img src="././images/recent3.jpg" alt="offer"/>
<h2>Jan 2 2023</h2>
<p>A family that travel together stays together</p>
</div>
</section>
<!-- special offer section -->
<div class="container_spcl">
<div class="row">
<div class="header_spcl">
<h1 id="heading">Special Offer & Discounts</h1>
<p>Do checkout and get the exciting offer & discount with us at Travello.
Best sellers @ upto 10% extra off
Use Code: GRAND OFFER,ends today.
Explore the world with your soulmate!!!,Now travel without any hassle!!, Great Vacation for great occasion, Explore these holidays for your next solotrip/trip with friends!!
</p>
</div>
<div class="content_spcl">
<div class="card_spcl">
<img src="././images/spcl4.jpg">
<a href="#"> The Ganga River $520</a>
<p> Varanasi,India</p>
</div>
<div class="card_spcl">
<img src="././images/spcl8.jpg">
<a href="#"> The Eiffel Tower $520</a>
<p> Paris,France</p>
</div>
<div class="card_spcl">
<img src="././images/spcl23.webp">
<a href="#"> Haridwar<br> $720</a>
<p> Uttarakhand, India </p>
</div>
<div class="card_spcl">
<img src="././images/spcl1.jpg">
<a href="#"> Kaffu Atoll <br> $720 </a>
<p> Maldives</p>
</div>
</div>
</div>
</div>
<!-- Services section -->
<div class="container_spcl">
<div class="row">
<div class="header_spcl">
<h1 id="heading1">Our Services</h1>
<p>What a Travel website can Offer??we can provide you with the best services ,we can make your trip memorable , how all we can do this :
We will provide you with the best luxurious hotels , best bording and lodging facilities!! Travel with Us Escape to the epitome of luxury, packed with signature amenities and services!!
</p>
</div>
<div class="content_spcl">
<div class="card_spcl">
<img src="././images/service1.png">
<a href="#"> Comfortable Journey</a>
<p> Get the best service at Travello : Train information services, check PNR status , live train status, food in trains,see train schedule,check availability,live station,train coach position on a single click .<br><br></p>
</div>
<div class="card_spcl">
<img src="././images/service2.png">
<a href="#"> Luxurious Hotel</a>
<p>Travello offers a wide range of luxury, deluxe and budget hotels to you.
Choose to stay in luxury and comfort with greatest discount available and hotels.
We list classiest budget hotels on our site ranging from class hotels to luxury beach resorts
each hotel on our site gives you a memorable staying experience.
</p>
</div>
<div class="card_spcl">
<img src="././images/service3.jpg">
<a href="#"> Travel Guide</a>
<p> Get the best travelling experience with us we will provide you with the best travel guides so the you can travel across the world with ease without any fear and worry.
We will lead you to the destination where you Wish to go for.
Explore the place you Visit </p>
</div>
</div>
</div>
</div
<!-- footer section -->
<footer>
<div class="box-container">
<div class="box">
<h3>About Us</h3>
<p>Travello is transforming how Indians travel.
We are helping India to go places wide array of services from Cabs,Buses,Trains,flights to hotels, holidays packages and more -
We are catering to the ever-envolving needs of traveller across the spectrum.
'Travello'-Who strives to make the experience of every traveller convenient, seamless and distinctive.
We are home to some of the best travel ideas and dedication to provide widest range of choices and finest travel solutions to customers.
</p>
</div>
<div class="box">
<h3>Branch Location</h3>
<a href="#">India</a>
<a href="#">USA</a>
<a href="#">Japan</a>
<a href="#">france</a>
</div>
<div class="box">
<h3>Quick links</h3>
<a href="#">Home</a>
<a href="#">Places to Visit</a>
<a href="#">Packages</a>
<a href="#">Travel</a>
<a href="#">Blog</a>
<a href="#">About</a>
</div>
<div class="box">
<h3>Follow Us</h3>
<a href="#">facebook</a>
<a href="#">whatsapp</a>
<a href="#">instagram</a>
<a href="#">twitter</a>
<a href="#">linkedin</a>
</div>
</div>
<h1 class="credit">Created by <span>Ashu & Harshika</span>| All Right Reserved!</h1>
</footer>
</body>
</html>