-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (108 loc) · 4.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!--Dividing the whole page into six parts
1.header
2.hero
3.main
4.quote
5.action
6.footer -->
<div class="header">
<div class="container">
<div class="logo">Travalue</div>
<div class="header-right-links">
<ul>
<li><a href="#" class="top-links">List of destinations</a></li>
<li><a href="#" class="top-links">Contact</a></li>
<li><a href="#" class="top-links">About Us</a></li>
</ul>
</div>
</div>
</div>
<div class="hero">
<div class="container">
<div class="hero-left">
<div class="hero-header">Exceptional Journeys, Incredible Value</div>
<div class="hero-text">Dive into the beauty of untouched landscapes, breathe in the aroma of distant markets, and immerse yourself in the tales of ancient cities. At <span class="logo-name">Travalue</span> we craft not just journeys, but unforgettable experiences. </div>
<div class="signup-button"><a href="#">Sign up</a></div>
</div>
<div class="hero-right">
<img src="./images/home.jpg" alt="A traveller standing on a mountain">
</div>
</div>
</div>
<div class="main">
<div class="container">
<div class="main-header">Top Destinations</div>
<div class="destination-list">
<div class="destination">
<div class="destination-image" id="dubai-image">
<img src="./images/dubai.jpg" alt="A beautiful image of Dubai city">
</div>
<div class="destination-description">
Discover Dubai, where futuristic skyscrapers meet timeless traditions
</div>
</div>
<div class="destination">
<div class="destination-image">
<img src="./images/maldives.jpg" alt="A beautiful image of a Maldivian beach">
</div>
<div class="destination-description">
Dive into the Maldives' serene underwater paradises.
</div>
</div>
<div class="destination">
<div class="destination-image">
<img src="./images/paris.jpg" alt="A beautiful image of Eiffel Tower">
</div>
<div class="destination-description">
Fall in love under the twinkling lights of Paris.
</div>
</div>
<div class="destination">
<div class="destination-image">
<img src="./images/venice.jpg" alt="A beautiful image of Venice canals">
</div>
<div class="destination-description">
Navigate the timeless allure of Venice's winding canals.
</div>
</div>
</div>
</div>
</div>
<div class="quote">
<div class="container">
<div class="quote-text">
"I've used many travel platforms before, but <strong>Travalue</strong> truly stands out with its user-friendly interface, personalized recommendations, and exceptional customer support. My recent trip to Dubai was flawless thanks to their meticulous planning and insightful tips. Can't wait for my next adventure with them!"
</div>
<div class="author-name">
-Lionel Messi, Professional Footballer
</div>
</div>
</div>
<div class="action">
<div class="container">
<div class="action-box">
<div class="action-left">
<div class="action-header">25% Discount on Selected Destinations</div>
<div class="action-text">
Sign up now to avail 25% discount on selected destinations and start your
journey with us.
</div>
</div>
<div class="action-right">
<div class="signup-button"><a href="#">Sign up</a></div>
</div>
</div>
</div>
</div>
<div class="footer">Copyright © Travalue 2023</div>
</body>
</html>