-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
128 lines (117 loc) · 5.27 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roam to the City</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="logo">
<img src="LOGO.png" alt="Roam City Logo">
</div>
<header>
<nav>
<a href="index.html">Home</a>
<a href="traveltips.html">Travel Tips</a>
<a href="aboutus.html">About Us</a>
<a href="contactus.html">Contact Us</a>
</nav>
</header>
<div class="video-header">
<video autoplay muted loop class="background-video">
<source src="webvideo copy.mov" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="overlay">
<h1>ROAM TO THE CITY</h1>
<p>Explore. Dream. Discover.</p>
<a href="#explore" class="btn">Start Exploring</a>
</div>
</div>
<main>
<section id="explore">
<h2>Explore Cities</h2>
<p>Find the best destinations, hidden gems, and cultural experiences worldwide.</p>
<main>
<div class="cities-container">
<div class="cities-grid">
<div class="city-card">
<img src="jaipur.jpeg" alt="City 1">
<div class="city-name">Jaipur</div>
<button class="view-button" onclick="location.href='jaipur.html';">View</button>
</div>
<div class="city-card">
<img src="goa.jpg" alt="City 2">
<div class="city-name">Goa</div>
<button class="view-button " onclick="location.href='goa.html';">View</button>
</div>
<div class="city-card">
<img src="dehradun3.webp" alt="City 3">
<div class="city-name">Dehradun</div>
<button class="view-button" onclick="location.href='ddn.html';">View</button>
</div>
<div class="city-card">
<img src="shilong.jpeg" alt="City 4">
<div class="city-name">Shilong</div>
<button class="view-button" onclick="location.href='shi.html';">View</button>
</div>
<div class="city-card">
<img src="delhi.jpg" alt="City 5">
<div class="city-name">Delhi</div>
<button class="view-button" onclick="location.href='delhi.html';">View</button>
</div>
<div class="city-card">
<img src="varanasi.jpg" alt="City 6">
<div class="city-name">Varanasi</div>
<button class="view-button" onclick="location.href='varanasi.html';">View</button>
</div>
</div>
</div>
</main>
</section>
</main>
<section id="about-us" class="about-us">
<div class="about-container">
<div class="about-text">
<p class="subheading">ROAM TO THE CITY – YOUR RESOURCE TO EXPLORING THE BEST CITIES AROUND THE WORLD</p>
<h1>Hi, we’re Ayush, Pranay & Hirdyansh </h1>
<p>
We are a team passionate about discovering the most incredible destinations in INDIA. Having visited
numerous cities, we aim to bring the essence of travel to your fingertips. We’re passionate about culture,
history, architecture, and photography and we bring all of these experiences directly to you.
</p>
<p>
Our mission is to help you explore the India's most stunning cities and create meaningful experiences
that enrich your journey and make it unforgettable.
</p>
<a href="aboutus.html" class="btn">Get to Know Us Here</a>
</div>
</div>
</section>
<footer>
<div class="footer-sec">
<h3>Popular Cities</h3>
<ul>
<li><a href="shi.html">Shilong</a></li>
<li><a href="varanasi.html">Varanasi</a></li>
<li><a href="goa.html">Goa</a></li>
<li><a href="jaipur.html">Jaipur</a></li>
</ul>
</div>
<div class="footer-sec">
<h3>Our Company</h3>
<ul>
<li><a href="terms.html">Terms and Conditions</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div class="footer-quote">
<div class="logo-footer" style="font-style: normal;">Roam To</div>
<div class="logo-footer" style="font-style: normal;">The City</div>
</div>
</footer>
</body>
</html>