-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
147 lines (144 loc) · 6.21 KB
/
landing.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar">
<h1 class="logo">Travel-X</h1>
<ul class="nav-links">
<li class="active"><a href="#"></a>Home</li>
<li><a href="#"></a>Tours</li>
<li><a href="#"></a>Explore</li>
<li><a href="#"></a>About</li>
<li class="ctn"><a href="#"></a>Contact</li>
</ul>
</nav>
<header>
<div class="header-content">
<h2>Explore the world</h2>
<h1>Travel across any part of the World</h1>
<a href="#" class="ctn">Learn more</a>
</div>
</header>
<section class="events">
<div class="title">
<h1>Upcoming Events</h1>
</div>
<div class="row">
<div class="col">
<img src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/12/Auli-Uttarakhand.jpg" alt="">
<h4>Snow Skiing</h4>
<p>If you are also a skiing lover, then in this blog we have brought you information about best skiing destinations in India where you can enjoy the best of this adventure activity this winter season.</p>
<a href="#" class="ctn">Learn more</a>
</div>
<div class="col">
<img src="https://images.pexels.com/photos/1645028/pexels-photo-1645028.jpeg?cs=srgb&dl=pexels-richard-segal-1645028.jpg&fm=jpg" alt="">
<h4>Scuba Diving</h4>
<p>There’s no shortage of great locations for exploring undersea.We’ve rounded up the very best scuba diving sites in the world, for anyone ready to scour the globe in search of that perfect dive.</p>
<a href="#" class="ctn">Learn more</a>
</div>
</div>
</section>
<section class="explore">
<div class="explore-content">
<h1>Ecotourism</h1>
<p>Ecotourism in Costa Rica is a robust industry because the country was one of the earliest adopters of connecting nature/wildlife conservation with responsible travel.
Costa Rica has been ranked among the world’s best ecotourism destinations on more than one occasion, and became the first country in the Americas to ban hunting in 2012. As a result, its biodiversity is virtually unparalleled.</p>
<a href="#" class="ctn">Learn more</a>
</div>
</section>
<section class="tours">
<div class="row">
<div class="col content-col">
<h1>Festivals to Explore</h1>
<p>Traveling the world is only as fun as the exciting adventures you embark on and the new experiences you have as you discover foreign cultures. Festivals are a great way to have a fantastic time with others while engaging with local customs in a tangible way.</p>
<a href="#" class="ctn">Learn more</a>
</div>
<div class="col image-col">
<div class="image-gallery">
<img src="https://www.roadaffair.com/wp-content/uploads/2017/10/carnival-venice-italy-shutterstock_335153219.jpg" alt="">
<img src="https://www.roadaffair.com/wp-content/uploads/2017/10/la-tomatina-spain-shutterstock_233560378.jpg" alt="">
<img src="https://www.roadaffair.com/wp-content/uploads/2017/10/albuquerque-balloon-festival-usa-shutterstock_169512824.jpg" alt="">
<img src="https://www.roadaffair.com/wp-content/uploads/2017/10/songkran-water-festival-thailand-shutterstock_406706530.jpg" alt="">
</div>
</div>
</div>
<div class="main">
<div class="card">
<div class="image">
<img src="https://media.audleytravel.com/-/media/images/home/blog/2011/september/top-festivals-around-the-world/dancers-bhutan-shutterstock_273612779-1080x1512.webp?q=60&w=1600&h=1142" alt=" ">
</div>
<div class="title">
<h1>TSECHUS</h1>
</div>
<div class="des">
<p>Masked dancers at a tsechu in Paro, Bhutan.Book your trip with 15% OFF</p>
<button>Book Now</button>
</div>
</div>
<div class="card">
<div class="image">
<img src="https://media.audleytravel.com/-/media/images/home/blog/2011/september/top-festivals-around-the-world/obon-festival-istock-1188457047-1080x1512.webp?q=60&w=1600&h=1142" alt=" ">
</div>
<div class="title">
<h1>OBON FESTIVAL</h1>
</div>
<div class="des">
<p>Floating lanterns during Japan's Obon Festival.Book your trip with 15% OFF</p>
<button>Book Now</button>
</div>
</div>
<div class="card">
<div class="image">
<img src="https://viatravelers.com/wp-content/uploads/2014/02/Coachella-Valley-Music-and-Arts-Festival.jpg.webp" alt=" ">
</div>
<div class="title">
<h1>Coachella Valley</h1>
</div>
<div class="des">
<p>Coachella Valley Music Festival in California.Book your trip with 20% OFF </p>
<button>Book Now</button>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="subscribe">
<h3>Subscribe to our newsletter</h3>
<form>
<input type="email" placeholder="Enter your email address" required>
<button type="submit">Subscribe</button>
</form>
</div>
<div class="contact">
<h3>Contact Us</h3>
<p>123 Main Street, New York</p>
<p>Email: abcd@sample.com</p>
<p>Phone: 123-456-7890</p>
</div>
<div class="footer-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="social-links">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</footer>
</body>
</html>