-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (156 loc) · 8.78 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Helper</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<header>
<div class="logo">
<a href="#"><img src="img/1.0.png" alt="logo"></a>
</div>
<nav class="nav-menu">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">HOTELS</a></li>
<li><a href="#">DESTINATION</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">ABOUT</a></li>
</ul>
</nav>
</header>
</header>
<main>
<section class="hero">
<div class="hero-image">
<img src="img/travel.jpg" alt="hero image">
</div>
<div class="hero-content">
<h1> Welcome To Our Website</h1>
<p>Discover amazing destination and book your next trip with us. </p>
<a href="#" class="hero-button">Book Now</a>
</div>
</section>
<!-- Destinations -->
<section class="destinations">
<h2>Popular Destinations</h2>
<div class="destination-grid">
<div class="destination-item">
<img src="img/dest1.webp" alt="">
<h3>Switzerland</h3>
<p>Switzerland, known for its stunning Alpine landscapes, neutrality, chocolates, precision watches, and banking, offers a high standard of living, efficient public services, and vibrant multicultural cities.</p>
</div>
<div class="destination-item">
<img src="img/dubai2.jpg" alt="">
<h3>Dubai</h3>
<p>Dubai, a global hub, is famous for its luxury shopping, ultramodern architecture, towering Burj Khalifa, vibrant nightlife, man-made islands, and rich blend of tradition and innovation.</p>
</div>
<div class="destination-item">
<img src="img/London_Skyline_(125508655).jpeg" alt="">
<h3>London</h3>
<p>London, a historic yet modern city, is famous for iconic landmarks, diverse culture, vibrant arts, financial power, royal heritage, and its mix of ancient and contemporary architecture.</p>
</div>
<div class="destination-item">
<img src="img/paris.jpg" alt="">
<h3>Paris</h3>
<p>Paris, the "City of Light," is famous for its iconic landmarks like the Eiffel Tower, rich art, history, fashion, world-class cuisine, and romantic atmosphere.</p>
</div>
<div class="destination-item">
<img src="img/Japan-2107x1406.jpg" alt="">
<h3>Japan</h3>
<p>Japan is known for its rich cultural heritage, advanced technology, unique cuisine, efficient transportation, traditional arts, stunning temples, cherry blossoms, and a blend of ancient and modern lifestyles.</p>
</div>
<div class="destination-item">
<img src="img/the-lotus-temple.jpg" alt="">
<h3>India</h3>
<p>India, a diverse and vibrant country, is known for its rich culture, history, spices, Bollywood, festivals, IT industry, and its remarkable blend of tradition and modernity.</p>
</div>
</div>
</section>
<!-- Hotels -->
<section class="hotels">
<h2>Featured Hotels</h2>
<div class="hotel-grid">
<div class="hotel-item">
<img src="img/taj.jpg">
<h3>The Taj
</h3>
<p>Explore by Luxury brands, themes and top picks</p>
</div>
<div class="hotel-item">
<img src="img/hotel1.jpg">
<h3>Luxe Villas
</h3>
<p>Premium Villas with Superlative Experience</p>
</div>
<div class="hotel-item">
<img src="img/hotel2.webp">
<h3>Luxe international
</h3>
<p>Dubai, Maldives and More</p>
</div>
</div>
</section>
<!-- contact -->
<section class="contact-us">
<h3>Contact Us</h3>
<div class="contact-info">
<P>If you have any questions or would you like to book a trip, please fill out the form from below or contact us using the inforation provided. </P>
<ul>
<li>
<i class="fas fa-map-marker-alt"> </i> 123 street, Utown, USA
</li>
<li>
<i class="fas fa-envelope"></i>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li><i class="fas fa-phone-alt"></i><a href="tel:222-333-777">222-333-777</a></li>
</ul>
</div>
<form action="#" class="form">
<div class="form-group">
<input type="name" name=" name" id="name" placeholder="Enter Your Name"/>
</div>
<div class="form-group">
<input type="email"
name="email"
id="email"
placeholder="Enter Your Email"/>
</div>
<div class="form-group">
<textarea name="textarea" id="textarea" cols="30" rows="10" placeholder="Message"></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</section>
<!-- about us -->
<section class="about"></section>
<h3 class="abouth3">About Us</h3>
<div class="about-p">
<p>Launched in 2024, Travel helper is a technology company focused on empowering Indian travellers to plan, book and manage their trips across rail, air, buses and hotels. We assist travellers in making smarter travel decisions by leveraging artificial intelligence, machine learning, and data science led innovations on our OTA platforms, comprising our websites and mobile applications. Our vision is to become the most customer-centric travel company, by offering the best customer experience to our users. Our focus on travel utility and customer experience for travellers in the 'next billion user' segment is driven by technology, cost-efficiency and our culture of innovation has made us India's leading travel ecosystem for the 'next billion users'.
Our OTA platforms allow travellers to book train tickets, flight tickets, bus tickets, hotels and cabs, while providing travel utility tools and services developed using in-house proprietary algorithms and crowd-sourced information, including train PNR status and confirmation predictions, train seat availability alerts, train running status updates and delay predictions, flight status updates, bus running status, pricing and availability alerts, deal discovery, destination content, personalized recommendations, instant fare alerts, and automated customer support services. Read our travel stories where we cover everything from– flight news, latest travel news, Indian Railways reservation updates and more. Let us help you plan your next vacation with our trip planner.</p>
</div>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-about">
</div>
<div class="footer-contact">
<div class="social-media">
<a href="#"><img src="img/facebook_logo_icon_147291.webp" alt="Facebook"></a>
<a href="#"><img src="img/twitter_x_new_logo_x_rounded_icon_256078.webp" alt="Twitter"></a>
<a href="#"><img src="img/3721672-instagram_108066.webp" alt="Instagram"></a>
<a href="#"><img src="img/linkedin_socialnetwork_17441.webp" alt="LinkedIn"></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 TravelHelper. All rights reserved.</p>
</div>
</footer>
</body>
<script src="https://kit.fontawesome.com/ee496d7b3e.js" crossorigin="anonymous"></script>
</html>