-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
219 lines (205 loc) · 14.7 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<! –– HTML CODING FOR MONUMENTS (index.html) ––>
<!doctype html>
<html lang="en">
<head>
<style>
body {
background:transparent url('background-img/A.jpg') repeat center top;
}
</style>
<title>Home | Monuments of India</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oxygen&display=swap" rel="stylesheet">
<link rel="icon" href="background-img/A.png" sizes="40x40">
</head>
<body>
<! –– HEADER ––>
<div class="header">
<div class="header-name" id="head-name">Monuments of India
<div class="header-button">
<a class="active" href="index.html">Home</a>
<a class="active" href="https://rebrand.ly/rk/website" target="_blank" >Contact</a>
<a class="active" href="about.html">About</a>
</div>
<h3>( A TRAVEL WEBSITE )</h3>
</div>
</div>
<! –– MENU BAR ––>
<div>
<ul class="links">
<li><a href="index.html" title="Monuments of India" >Home</a></li>
<li><a href="tajmahal.html" title="Taj Mahal" >1</a></li>
<li><a href="redfort.html" title="Red Fort" >2</a></li>
<li><a href="lotustemple.html" title="Lotus Temple" >3</a></li>
<li><a href="qutubminar.html" title="Qutub Minar" >4</a></li>
<li><a href="victoriamemorial.html" title="Victoria Memorial" >5</a></li>
<li><a href="gatewayofindia.html" title="Gateway of India" >6</a></li>
<li><a href="charminar.html" title="Charminar" >7</a></li>
<li><a href="hawamahal.html" title="Hawa Mahal" >8</a></li>
<li><a href="mysorepalace.html" title="Mysore Palace" >9</a></li>
<li><a href="cst.html" title="CST" >10</a></li>
<li><a href="about.html" title="About Us" >About Us</a></li>
<li><a href="https://www.irctc.co.in/nget/train-search" target="_blank" title="Visit Website of IRCTC eTicketing System" >IRCTC</a></li>
<li><a href="https://www.oyorooms.com/" target="_blank" title="Visit Website of OYO Rooms" >OYO Rooms</a></li>
<li><a href="https://www.yatra.com/" target="_blank" title="Visit Website of Yatra" >Yatra</a></li>
</ul>
</div>
<! –– TOP BUTTON ––>
<button onclick="topFunction()" id="myBtn" title="Go to top">^</button>
<script>
var mybutton = document.getElementById("myBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
}
else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<! –– IMAGE SLIDESHOW ––>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 10</div>
<img src="1.tajmahal/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 10</div>
<img src="2.redfort/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 10</div>
<img src="3.lotustemple/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 10</div>
<img src="4.qutubminar/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 10</div>
<img src="5.victoriamemorial/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 10</div>
<img src="6.gatewayofindia/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">7 / 10</div>
<img src="7.charminar/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 10</div>
<img src="8.hawamahal/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">9 / 10</div>
<img src="9.mysorepalace/image1.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<div class="numbertext">10 / 10</div>
<img src="10.cst/image1.jpg" style="width:100%">
</div>
</div><br>
<div style="text-align:center">
<span class="dot"></span> <span class="dot"></span> <span class="dot"></span><span class="dot"></span>
<span class="dot"></span> <span class="dot"></span><span class="dot"></span> <span class="dot"></span>
<span class="dot"></span><span class="dot"></span>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 1000);
}
</script>
<! –– BODY ––>
<div id="body-text"><div class="body-title">Monuments of India</div>India is one of the most beautiful countries in the world and is best known for its colourful culture and fascinating heritage. Its grand monuments, like the Taj Mahal act as strong pillars of the rich and deep history that India possesses. From their splendid architecture to a strong legacy, the historical monuments of India speak volumes. Most of these Indian monuments were primarily built under the regime of Rajputana, Dravidian and Mughal emperors. The monuments of India are speaking stones of the glory of its rulers and the brilliance of artisans in ancient India. Due to the incredible beauty of India and the constant efforts of the government in maintaining the heritage sites, India tourism has flourished rapidly witnessing an increase in the number of travellers from all around the world. Some of the well-preserved monuments in the different parts of the country are Red Fort (North), Sun Temple Konark (East), Amer Fort (West) and Charminar (South).<br>Indian monuments are popular worldwide for its beauty. The monuments are the standing examples of stretching the horizon of human imagination and thoughts. The kings and emperors who ruled India had their own way of expressing their ideas in bricks, marble, stone and mortars. These monuments are centuries old and have been examples of philosophies in the world. There are few famous monuments that are damaged during wars between kingdoms and foreign invasion. Visiting these places today tells you a lot of history and the culture in the bygone age.</div>
<div id="body-text"><div class="body-title">Historical Places in India</div>The ancient monuments of India are globally popular for their architectural brilliance. And, the marble inlay and stone carving work displayed through these centuries-old monuments is incomparable. So, if you’re looking for holidays in India then plan a tour of historical places in India. In the state of Rajasthan, the monuments narrate the tales of strength, romance and bravery. While visiting these masterpieces, one can feel the aura and power of the ancient Indian rulers. <br>Also, tourists will get to know that religion plays a significant role in Indian culture. And, the diversity of religions is clearly evident in the historical monuments too. <br>The prominent cities of India as Mumbai, Delhi and Agra also have a lot to offer history lovers. With wonderful Mughal architecture dipped in the essence of Islam, the charm of Delhi never fades in terms of enticing the travellers. India Gate, Jama Masjid, Pura Qila, Lodi Tomb and Jantar Mantar are some of the most famous monuments in Delhi. <br>The list of well-known monuments in Agra includes Agra Fort, Mariam's Tomb, Panch Mahal and Marium-uz-Zamani Palace and the Taj Mahal - one of the seven wonders of the world. Some key heritage monuments in Mumbai are Elephanta Caves, Gateway of India and Chhatrapati Shivaji Terminus.</div>
<div id="body-text"><div class="body-title">Famous Monuments of India</div>If you are a history buff, monuments like Mysore Palace, Sanchi Stupa, Fatehpur Sikri and Hawa Mahal should feature on your must-visit monuments in India. Situated in the Mysore city of Karnataka, Mysore Palace is a royal residence of Wadiyar dynasty. The great Sanchi Stupa in Bhopal is among the most striking Buddhist monuments in India. <br>Built during the Mauryan period it reflects a perfect blend of Buddhist art and architecture. The sprawling Fatehpur Sikri complex was built by the Mughal emperor, Akbar, in the 16th century. With the UNESCO world heritage site status, the architecture of Fatehpur Sikri showcases a perfect amalgamation of Persian and Hindu architecture. Hawa Mahal, located in the heart of Pink City, Jaipur, is a unique honeycomb structure said to reflect the royalty of Rajput ruler, Maharaja Sawai Pratap Singh.</div>
<div id="body-text"><div class="body-title">National Monuments of India</div>Among the most popular national monuments of India are the Red Fort, Taj Mahal, Qutub Minar, Humayun's Tomb, Sun Temple Konark and Hampi. Built in the 16th century, the Red Fort in Delhi is known to transport the visitors back to the era of Mughal dynasty. <br>The icon of immortal love – The Taj Mahal, a white-marbled marvel, situated on the banks of River Yamuna in the city of Agra, never fails to mesmerize. Also, Humayun's Tomb of Delhi is considered as the finest example of Persian architecture. Further, Odisha’s Konark Sun Temple, which is constructed in the shape of a colossal chariot, is a UNESCO world heritage site. Once known as the capital of the Vijayanagar Empire, Hampi is the most popular tourist attraction in Karnataka. Constructed in the14th century, its ruins are now a UNESCO world heritage site. Undoubtedly, Indian monuments are the pride of the nation!<br><br>Check Out the links for more details given below:</div>
<hr width="100%">
<ul class="reference container-fluid">
<li><div class="youtube col-xs-1 col-sm-1 col-md-3 col-lg-3"><iframe src="https://www.youtube.com/embed/b9STkhzN9qM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></li>
<li><div class="youtube col-xs-1 col-sm-1 col-md-3 col-lg-3"><iframe src="https://www.youtube.com/embed/DK0WakxiPs8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></li>
<li><div class="youtube col-xs-1 col-sm-1 col-md-3 col-lg-3"><iframe src="https://www.youtube.com/embed/7PtOQrXUNLI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></li>
</ul><hr width="100%">
<! –– FOOTER ––>
<footer class="panel-footer ">
<div class="container">
<div class="row footer-text">
<! –– MONUMENTS LIST ––>
<section id="monuments-list" class="col-sm-4">
<a href="index.html">Home Page</a><br>
<a href="tajmahal.html">1.Taj Mahal</a><br>
<a href="redfort.html">2.Red Fort</a><br>
<a href="lotustemple.html">3.Lotus Temple</a><br>
<a href="qutubminar.html">4.Qutub Minar</a><br>
<a href="victoriamemorial.html">5.Victoria Memorial</a><br>
<a href="gatewayofindia.html">6.Gateway of India</a><br>
<a href="charminar.html">7.Charminar</a><br>
<a href="hawamahal.html">8.Hawa Mahal</a><br>
<a href="mysorepalace.html">9.Mysore Palace</a><br>
<a href="cst.html">10.CST</a><br>
<a href="about.html">About Us</a><br><hr class="visible-xs">
</section>
<! –– IMPORTANT SITES ––>
<section id="important-sites" class="col-sm-4">
<span>Important Sites</span><br>
<a href="https://www.india.gov.in/" target="_blank">1.Government of India<br>
<a href="http://tourism.gov.in/" target="_blank">2.Ministry of Tourism<br>
<a href="http://asi.nic.in/" target="_blank">2.Archaeological Survey of India<br>
<a href="https://www.google.com/maps" target="_blank">4.Google Maps<br>
<a href="https://www.wikipedia.org/" target="_blank">5.Wikipedia<br>
<a href="https://en.unesco.org/" target="_blank">6.UNESCO<br>
<a href="https://www.irctc.co.in/nget/train-search" target="_blank">7.IRCTC<br>
<a href="#projrctreport" target="_blank">8.Project Report<br><br>
<a href="#">Visitor No. :<img src="https://www.webfreecounter.com/hit.php?id=gefqkxo&nd=6&style=121" border="0" alt="visitor counter"></a>
<hr class="visible-xs">
</section>
<section id="about" class="col-sm-4">
<p>Contact Me:<br>
<a href="https://rebrand.ly/rk/website" target="_blank">Rohit Kumar</a><br>
<a href="https://ghaziabad.nic.in/en/" target="_blank">Ghaziabad,U.P</a><br>
<a href="tel:9084950XXX"><span class="glyphicon glyphicon-earphone"></span> 9084950XXX</a><br>
<a href = "mailto: [email protected]"><span class="glyphicon glyphicon-envelope"></span> [email protected]</a><br>
<br>Follow Me:<br>
<a href="https://rebrand.ly/rk/facebook" title="Facebook" target="_blank" class="fa fa-facebook"></a>
<a href="https://rebrand.ly/rk/twitter" title="Twitter" target="_blank" class="fa fa-twitter"></a>
<a href="https://rebrand.ly/rk/linkedin" title="LinkedIN" target="_blank" class="fa fa-linkedin"></a>
<a href="https://rebrand.ly/rk/instagram" title="Instagram" target="_blank" class="fa fa-instagram"></a>
<a href="https://rebrand.ly/rk/github" title="GitHub" target="_blank" class="fa fa-github"></a></p></p>
</section></div>
<div class="text-center">© Copyright Monuments of India|2020<br>
Developed, Maintained and Hosted with ❤️ by
<a href="https://aboutrohit.in" className="mx-1" style="text-decoration: none;"><u>Rohit Kumar</u></a>
</div>
</div>
</footer>
</body>
</html>