-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (122 loc) · 5.5 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
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>Ghatsila Tour</title>
<link rel="stylesheet" href="../css/Home.css">
<link rel="stylesheet" href="../css/Mediaquery.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<!--1️⃣ NAVIGATION BAR -->
<section class="navtag background">
<nav class="left">
<a href="Home.html"><img
src="https://see.fontimg.com/api/renderfont4/GOerP/eyJyIjoiZnMiLCJoIjo5NSwidyI6MTAwMCwiZnMiOjk1LCJmZ2MiOiIjODhBNkI2IiwiYmdjIjoiI0U2NTY1NiIsInQiOjF9/VHJhdmVs/shogeking-oniki.png"
alt="Design fonts"></a>
</nav>
<nav class="right">
<i class="fa fa-arrow-left"></i>
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="Destinations.html">Destinations</a></li>
<li><a href="Blog.html">Blog</a></li>
<li><a href="AboutUs.html">AboutUs</a></li>
<li><a href="ContactUs.html">ContactUs</a></li>
</ul>
</nav>
<i class="fa fa-bars"></i>
</section>
<section class="text">
<div class="content">
<h1>ARE YOU IN VACATION, WANT TO TOUR JHARKHAND</h1>
<p>You should try this census town Ghatsila (Jharkhand).
<br>
If you are a nature lover than you might like these places. Who knows, you might fall in love with this
place.
<br>
Check out some these places in Ghatsila...
</p>
<button>
<a href="Blog.html">CHECK OUT</a>
</button>
</div>
</section>
<!-- 2️⃣ DETAILS -->
<section class="details">
<h1>About Ghatsila</h1>
<p><span>G</span>hatsila is a census town in the Ghatsila CD Block in the Ghatsila subdivision of the East
Singhbhum district, in the Indian state of Jharkhand. Ghatsila is the small town located in the bank of
river Subarnarekha and is surrounded by the Dalma Hills. Ghatsila has been a tourist place for many years.
</p><br>
<div class="rowbox">
<div class="column">
<h3>LOCATION AND LANGUAGES</h3>
<p> 22.60°N 86.48°E, 45km from Jamshedpur. <br>
The languages that are spoken there are usually Hindi, Bengali and Santhali.
</p>
</div>
<div class="column">
<h3>TRANSPORT</h3>
<i><u>By rail</u></i>
<p>It is a railway station on the Khargpur-Tatanagar section of Howrah-Mumbai track. Notable trains
which stop here are Ispat Express, Krula-Howrah Express, Steel Express.
</p>
<i><u>By road</u></i>
<p>It is 240km from Kolkata. Those traveling from Kolkata first have to take NH 6 to Baharagora and then
take the road to Jamshedpur. Buses plying between Kharagpur and Jamshedpur pass through Ghatshila.
Buses plying from Bhubaneswar or Kolkata to Jamshedpur or Ranchi also pass through Ghatshila. By
road Jamshedpur is 45km away. There are many buses connecting Ghatsila to Jamshedpur daily. There
are two route connecting Jamshedpur to Ghatsila, one route through NH33 and another route through
Jadugoda.
</p>
</div>
</div>
</section>
<!-- 3️⃣ GALLERY -->
<section class="destination">
<h1>Destinations <a href="Blog.html">know more>></a></h1>
<div class="row">
<div class="image">
<img src="../images/IMG_4.jpg" alt="">
<div class="layer">
<h3>Burudih Dam</h3>
</div>
</div>
<div class="image">
<img src="../images/IMG_12.webp" alt="">
<div class="layer">
<h3>Muktadhara Nature Resort</h3>
</div>
</div>
<div class="image">
<img src="../images/IMG_7.jpg" alt="">
<div class="layer">
<h3>Narwa Forest</h3>
</div>
</div>
</div>
<div class="more">
<a href="Destinations.html">
See more >>
</a>
</div>
</section>
<!-- 4️⃣ FOOTER -->
<section class="footer">
<h3>About Us</h3>
<p>Created this website with the vision that we can provide you some brief idea about the place you are going to
visit that you haven't heard of or you might have of heard but have no idea. <br> We are constantly in
search of such unexplored places for you to have one of a kind experience in this lifetime.</p>
<h5>TRAVEL</h5>
<div class="icon">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"><a href="https://www.instagram.com/the_mys_tery_/"></a></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>Made with <i class="fa fa-heart-o"></i> for you.©</p>
</section>
</body>
</html>