forked from adityakumar2809/Tourism
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathraj.html
158 lines (141 loc) · 7.39 KB
/
raj.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
<!DOCTYPE html>
<html>
<head>
<title>Rajasthan</title>
<link rel="stylesheet" type="text/css" href="new.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<!--NAV BAR STARTS-->
<nav class="navbar navbar-inverse" style="margin-bottom: 0px; position: sticky; top:0;" >
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html" style="padding:0px;">
<img src="logo.png" alt="Logo" style="height:100%; margin-left: 100px" >
</a>
<a class="navbar-brand" href="index.html">TREKINDIA </a>
</div>
<!--
<ul class="nav navbar-nav">
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
</ul>-->
<ul class="nav navbar-nav navbar-right" style="margin-right: 100px">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="map.html">Explore</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#bottom" st>Contact</a></li>
</ul>
</div>
</nav>
<!--NAV BAR ENDS-->
<!--CONTENT STARTS-->
<div class="container" style="margin-left: 0px; margin-right: 0px; width: 100%; padding-left: 0px; padding-right: 0px">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<center class="absolute">
</center>
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="raj1.jpg" alt="Los Angeles" style="width:100%;">
</div>
<div class="item">
<img src="raj2.jpg" alt="Chicago" style="width:100%;">
</div>
<div class="item">
<img src="raj3.jpg" alt="New york" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--CONTENT ENDS-->
<!--CARDS START-->
<center>
<div class="container" style="background-color: #ffefd5; width:100%;">
<div class="row">
<div class="col-lg-6" style="margin-top: 20px; margin-bottom: 20px;">
<div class="card" style="width: 30rem;">
<img class="card-img-top img-responsive thumbnail" src="rajcards1.jpg" alt="Sans & Sans-Serif">
<div class="card-body">
<h4 class="card-title">JAIPUR</h4>
<p class="card-text">The moment you set foot in Jaipur, you will feel like everything has come straight out of the pages of some epic novel. Majestic buildings, tales of heroic battles, resplendent forts and palaces, and multi-faceted characters</p>
</div>
</div>
</div>
<div class="col-lg-6" style="margin-top: 20px; margin-bottom: 20px;">
<div class="card" style="width: 30rem;">
<img class="card-img-top img-responsive thumbnail" src="rajcards2.jpg" alt="Measure">
<div class="card-body">
<h4 class="card-title">UDAIPUR</h4>
<p class="card-text">Udaipur, also known as the City of Lakes, is the crown jewel of the state of Rajasthan. It is surrounded by the beautiful Aravalli Hills in all directions, making this city as lovely as it is.</p>
</div>
</div>
</div>
<div class="col-lg-6" style="margin-top: 20px; margin-bottom: 20px;"></div>
<div class="col-lg-6" style="margin-top: 20px; margin-bottom: 20px;">
<div class="card" style="width: 30rem;">
<img class="card-img-top img-responsive thumbnail" src="rajcards3.jpg" alt="Tracking & Kerning">
<div class="card-body">
<h4 class="card-title">JAISALMER</h4>
<p class="card-text">Situated close to the Pakistan Border, Jaisalmer is a major tourist spot located in the northwestern state of Rajasthan in India. It is called the 'golden city' due to its bounteous golden dunes flowing in the Thar Desert. </p>
</div>
</div>
</div>
<div class="col-lg-6" style="margin-top: 20px; margin-bottom: 20px;">
<div class="card" style="width: 30rem;">
<img class="card-img-top img-responsive thumbnail" src="rajcards4.jpg" alt="Leading">
<div class="card-body">
<h4 class="card-title">MOUNT ABU</h4>
<p class="card-text">The only hill station of Rajasthan, its cool atmosphere and lush green surroundings make it a major tourist spot within the state. The most important attraction, however, are undoubtedly the Dilwara temples</p>
</div>
</div>
</div>
</div>
<!--/row-->
</div>
</center>
<!--CARDS END-->
<!--FOOTER STARTS-->
<div class="subfooter" style="padding: 25px" id="bottom">
<center class="col-lg-3"></center>
<center class="col-lg-3"><span class="glyphicon glyphicon-envelope"></span><p><h6>EMAIL US<br>[email protected]</h6></p></center>
<center class="col-lg-3"><span class="glyphicon glyphicon-earphone"></span><p><h6>CALL US<br>+91 9876543210</h6></p></center>
<center class="col-lg-3"></center>
</div>
<div class="footer" style="padding: 25px">
<center class="col-lg-2"></center>
<center class="col-lg-2"><strong>HEADQUARTERS</strong><p><h6>The Moon,<br>
Earth System, The Solar System,<br>Orion Arm, The Milky Way,<br>Local Group, Virgo Cluster,<br>Virgo Super-Cluster, Laniakea Super-Duper-Cluster,<br>The Universe</h6></p></center>
<center class="col-lg-2"><strong>QUICK LINKS<p><h5><a href="about.html">About Us</a><br><a href="#bottom">Contact Us</a></h5></strong></p></center>
<center class="col-lg-2"><strong>CREATORS</strong><p><h6>Pulkit Gupta<br>Aditya Kumar Singh</h6></p></center>
<center class="col-lg-2"><strong>CONTACT US</strong><p><a href="#"><i class="fa fa-facebook-square" style="font-size:36px"></i></a> <a href="#"><i class="fa fa-twitter-square" style="font-size:36px"></i></a> <a href="#"><i class="fa fa-instagram" style="font-size:36px"></i></a> <a href="#"><i class="fa fa-linkedin-square" style="font-size:36px"></i></p></center></a>
<center class="col-lg-2"></center>
</div>
<!--FOOTER ENDS-->
</body>
</html>