-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (129 loc) · 5.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Bookings</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet"/>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>
<nav>
<div class="logo">
Travel-X
</div>
<div class="menu">
<a href="#">Home</a>
<a href="#">Blog</a>
<a href="#">Offers</a>
<a href="#">Services</a>
<a href="#">Contacts</a>
</div>
<div class="register">
<a href="#">Register</a>
</div>
</nav>
<section class="content">
<span>
Enjoy your stay!
</span>
<h1> MALDIVES </h1>
<h2>Experience the Beauty of The Maldives.</h2>
</br>
<a href="#">Book your Trip</a>
</section>
</header>
<main>
<h2>Start Your Journey</h2>
<p>The most searched destinations of all times</p>
<div class="blog-gallery">
<div class="card1">
<img src="images/male.jpg" alt="male-image">
<div class="card1-name">
<i class="ri-map-pin-2-fill"></i>
<span>Male</span>
</div>
</div>
<div class="card2">
<img src="images/reef.jpg" alt="reef-image">
<div class="card2-name">
<i class="ri-map-pin-2-fill"></i>
<span>HP Reef</span>
</div>
</div>
<div class="card3">
<img src="images/pic2.jpg" alt="Centara Ras Fushi Resort-image">
<div class="card3-name">
<i class="ri-map-pin-2-fill"></i>
<span>Centara Ras Fushi Resort</span>
</div>
</div>
<div class="card4">
<img src="images/museum.jpg" alt="museum-image">
<div class="card4-name">
<i class="ri-map-pin-2-fill"></i>
<span>National Museum</span>
</div>
</div>
<div class="card5">
<img src="images/TajCoralReef-ResortandSpa.jpg" alt="Taj Coral Reef Resort & Spa-image">
<div class="card1-name">
<i class="ri-map-pin-2-fill"></i>
<span>Taj Coral Reef Resort & Spa</span>
</div>
</div>
<div class="card6">
<img src="images/pic.jpg" alt="pic-img">
<div class="card1-name">
<i class="ri-map-pin-2-fill"></i>
<span>Maanta Point</span>
</div>
</div>
</div>
</main>
<section class="offer">
<div class="offer-content">
<h2>Discount 10-30% Off</h2>
<p>Travel the destination of your choice on a budget with our unbeatable discount travel deals. Whether you are looking for a last-minute escape or planning ahead, we've got you covered with incredible discounts on flights, hotels and packages.
Don't wait, book now and experience the adventure of a lifetime without breaking the bank.
</p>
</br>
<a href="#"> See Tours</a>
</div>
</section>
<section class="services">
<div class="services-content">
<h2>Why Choose Us</h2>
<p>The gladdest moment in human life, me thinks, is a departure into unknown lands.</p>
</div>
<div class="services-image">
<div class="display1"></div>
<div class="display2">
<div class="display-card-txt">
<i class="ri-earth-line"></i>
<h4>Passionate Travel</h4>
<p>Fuel your passion for adventures and discover new horizons.</p>
</div>
<div class="display-card1"></div>
<div class="display-card2"></div>
<div class="display-card-txt">
<i class="ri-road-map-line"></i>
<h4>Beautiful Places</h4>
<p>Uncover the world's most breathtakingly beautiful places.</p>
</div>
</div>
</div>
</section>
<footer>
<h4>Travel-X</h4>
<div class="logos">
<a href="#"><i class="ri-facebook-circle-fill"></i></a>
<a href="#"><i class="ri-twitter-fill"></i></a>
<a href="#"><i class="ri-instagram-line"></i></a>
<a href="#"><i class="ri-linkedin-fill"></i></a>
</div>
<p>Copyright © 2024 <a href="#">@i_am_shiv_0719</a> | <a href="#">[email protected]</a></p>
</footer>
</body>
</html>