-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (47 loc) · 1.92 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width = devie-width, initial-scale = 1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title> Travel landing page </title>
</head>
<body>
<section class="showcase">
<header>
<h2 class="logo">Travel</h2>
<div class="toggle"></div>
</header>
<video src="explore.mp4" muted loop autoplay></video>
<div class="overlay"></div>
<div class="text">
<h2>Never stop</h2>
<h3>to Exploring The World</h3>
<p>Put resources into a long period of awesome occasion recollections with the most confided in travel service in Himachal. Voyaging Mountains is a travel service situated in Shimla effectively obliging the movement needs of individuals from various districts over India for as far back as 5 years. Being neighborhood our specialists have gained notoriety for serving customers with the best travel benefits at the most sensible costs. We guarantee you the most excellent, solace, and security that one searches for in his excursion.</p>
<a href="#">Explore</a>
</div>
<ul class="social">
<li><a href="#"><img src="https://i.ibb.co/x7P24fL/facebook.png"></a></li>
<li><a href="#"><img src="https://i.ibb.co/Wnxq2Nq/twitter.png"></a></li>
<li><a href="#"><img src="https://i.ibb.co/ySwtH4B/instagram.png"></a></li>
</ul>
</section>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Destinantion</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
const menuToggle = document.querySelector('.toggle');
const showcase = document.querySelector('.showcase');
menuToggle.addEventListener('click', () => {
menuToggle.classList.toggle('active');
showcase.classList.toggle('active');
})
</script>
</body>
</html>