-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (125 loc) · 4.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- FontAwesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css" />
<title>Travel Agency Landing Page</title>
</head>
<body>
<main class="main__content__area">
<!-- Header Area -->
<header class="header-area">
<div class="container">
<!-- Navbar for Header Menu -->
<div class="row justify-content-space-between align-items-center">
<div class="logo">
<a href="index.html"
><img src="assets/img/logo.png" alt="logo"
/></a>
</div>
<div class="main__menu">
<nav class="navbar">
<ul>
<li class="nav-item">
<a class="nav-link" href="#destination">Destination</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hotels">Hotels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#flights">Flights</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#bookings">Bookings</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#login">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#signup">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">
EN <i class="fa-solid fa-chevron-down"></i
></a>
</li>
</ul>
</nav>
</div>
</div>
<!-- Navbar End -->
<!-- Hero Text and Image Area -->
<div class="row">
<div class="hero-area">
<div class="hero-text">
<span class="text-title"
>BEST DESTINATIONS AROUND THE WORLD</span
>
<h1>
Travel,
<span class="text__decore">enjoy</span><br />
and live a new<br />
and full life
</h1>
<p>
Built Wicket longer admire do barton vanity itself do in it.
Preferred to sportsmen it engrossed listening. Park gate sell
they west hard for the.
</p>
<div class="header__button">
<div>
<a href="#" class="find__button hero__btn">Find out more</a>
</div>
<div class="video_button">
<a href="#" class="video__play play__btn"
><i class="fa-solid fa-play"></i
></a>
<span> Play Demo</span>
</div>
</div>
</div>
<div class="hero-img">
<img src="assets/img/people.png" alt="people" />
</div>
</div>
</div>
</div>
</header>
<!-- Header Area End -->
<!-- Services Area -->
<section class="services-area"></section>
<!-- Services Area End -->
<!-- Top Destination Area -->
<section class="top-destination-area"></section>
<!-- Top Destination Area End -->
<!-- Booking Area -->
<section class="booking-area"></section>
<!-- Booking Area End -->
<!-- Testimonial Area -->
<section class="testimonial-area"></section>
<!-- Testimonial Area End -->
<!-- Client Area -->
<section class="client-area"></section>
<!-- Client Area End -->
<!-- Subcription Area -->
<section class="subcription-area"></section>
<!-- Subcription Area -->
<!-- Footer Area -->
<footer class="footer-main-area"></footer>
<!-- Footer Area End -->
</main>
<!-- Js file -->
<script src="assets/js/script.js"></script>
</body>
</html>