-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
184 lines (154 loc) · 8.17 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
<!DOCTYPE html>
<html>
<title>RAJASTHAN TOURISM</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Atomic+Age" rel="stylesheet">
<body id="myPage">
<!-- Sidebar on click -->
<!-- Navbar -->
<div class="w3-top" >
<div class="w3-bar w3-theme-d2 w3-left-align">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-hover-white w3-theme-d2" href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
<a href="#" class="w3-bar-item w3-button w3-teal"><i class="fa fa-home w3-margin-right"></i>Discover</a>
<a href="#team" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Experience</a>
<a href="#work" class="w3-bar-item w3-button w3-hide-small w3-hover-white">About us</a>
<a href="#pricing" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Stay</a>
<a href="#contact" class="w3-bar-item w3-button w3-hide-small w3-hover-white">E-ticketing</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-button" title="Notifications">Tourism <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block">
<a href="#" class="w3-bar-item w3-button">Hospitality</a>
<a href="#" class="w3-bar-item w3-button">Packages</a>
<a href="second.html" class="w3-bar-item w3-button"><mark>SAFETY-SECURITY</mark></a>
</div>
</div>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-right w3-hover-teal" title="Search"><i class="fa fa-search"></i></a>
</div>
</div>
<!-- Image Header -->
<div class="w3-display-container w3-animate-opacity">
<img src="img/raj.jpg" alt="Rajasthan" style="width:100%;min-height:350px;max-height:600px;">
<div class="w3-container w3-display-bottomleft w3-margin-bottom">
</div>
</div>
<!-- Modal -->
<!-- Work Row -->
<div class="w3-row-padding w3-padding-64 w3-theme-l1" id="work">
<div class="w3-quarter">
<h2 style="font-family: 'Atomic Age', cursive;">Maharo Rajasthan</h2>
<p style="font-family: 'Spectral SC', serif;">Dear Visitor,
Welcome to my Rajasthan, fascinating Rajasthan.
This land is a colourful melange of massive forts, stunning palaces, diverse cultures, delectable cuisines and warm people, set amidst a rugged yet inviting landscape.
It is a land that has inspired me and countless others. Come tread on the sands of time. In Rajasthan you will find every hue in Nature's grand palette - the red sands, the blue of royalty, the pink cities or the amber sunsets. Surrender yourself to the sounds of trinkets or the sounds of the all conquering wind. Sight and sounds that are far removed from any city. Sights and sounds that will transport you into a folk lore.
Music, art and dance is woven into every inch of this land I call paradise. You will find it carved in every grain of sand. Here you will find the past, the present and the future. You will find passion. You will find adventure. And you will find yourself.
Come, walk into the unforgettable embrace of my Rajasthan.</p>
</div>
<div class="w3-quarter">
<div class="w3-card w3-white">
<img src="img/Food.jpg" alt="food" style="width:100%">
<div class="w3-container">
<h3>The Food</h3>
<p>There is never an end to lip smacking finger licking food in Rajasthan. The delicacies reflect the Rajputana culture in the purest forms. Just like the dialect, the cuisine in Rajasthan also differs every few miles. However, the most renowned dishes still are the Dal-bati-churma, lal and safed maans, soyeta and lasun-ki-chutney that accomplish at savouring your palate.
</p>
</div>
</div>
</div>
<div class="w3-quarter">
<div class="w3-card w3-white">
<img src="img/Travel.png" alt="Travel" style="width:100%">
<div class="w3-container">
<h3>The People</h3>
<p>It is believed that the dialect, cuisine, water and turban in Rajasthan changes every 12 miles. Marwari in western Rajasthan, Jaipuri or Dhundhari in the east and southeast, Mewati in Alwar, Braj Bhasa in Bharatpur, Mewari in Udaipur and the list goes on. Thus, explaining the varied cultures and creeds found in this independent yet steadily progressing state.
</p>
</div>
</div>
</div>
<div class="w3-quarter">
<div class="w3-card w3-white">
<img src="img/Highlights.png" alt="Highlights" style="width:100%">
<div class="w3-container">
<h3>Rhythm and Resonance</h3>
<p>Born and cultivated in the erstwhile royal courts of Rajasthan, the state is known to be the birthplace of various music and art forms. The site of dancers adorned in colourful attires moving to the melodious sounds of the traditional string instruments perfectly complements the backdrop of the golden sands and the crimson sky of the Thar Desert. </p>
</div>
</div>
</div>
</div>
<!-- Contact Container -->
<div class="w3-container w3-padding-64 w3-theme-l5" id="contact" >
<div class="w3-row">
<div class="w3-col m5">
<div class="w3-padding-16"><span class="w3-xlarge w3-border-teal w3-bottombar">Contact Us</span></div>
<h3>Address</h3>
<p>Chora rasta, front of BOB , jaipur</p>
<p><i class="fa fa-map-marker w3-text-teal w3-xlarge"></i>Jaipur,india</p>
<p><i class="fa fa-phone w3-text-teal w3-xlarge"></i>+917737336545</p>
<p><i class="fa fa-envelope-o w3-text-teal w3-xlarge"></i>[email protected]</p>
</div>
<div class="w3-col m7">
<form class="w3-container w3-card-4 w3-padding-16 w3-white" action="/action_page.php" target="_blank">
<div class="w3-section">
<label>Name</label>
<input class="w3-input" type="text" name="Name" required>
</div>
<div class="w3-section">
<label>Email</label>
<input class="w3-input" type="text" name="Email" required>
</div>
<div class="w3-section">
<label>Message</label>
<input class="w3-input" type="text" name="Message" required>
</div>
<input class="w3-check" type="checkbox" checked name="Like">
<label>I Like it!</label>
<button type="submit" class="w3-button w3-right w3-theme">Send</button>
</form>
</div>
</div>
</div>
<!-- Google Maps -->
<div id="googleMap" >
<img src="img/History.jpg" style="width:100%;height:420px;">
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-theme-d1 w3-center">
<h4>Follow Us</h4>
<a class="w3-button w3-large w3-teal" href="javascript:void(0)" title="Facebook"><i class="fa fa-facebook"></i></a>
<a class="w3-button w3-large w3-teal" href="javascript:void(0)" title="Twitter"><i class="fa fa-twitter"></i></a>
<a class="w3-button w3-large w3-teal" href="javascript:void(0)" title="Google +"><i class="fa fa-google-plus"></i></a>
<a class="w3-button w3-large w3-teal" href="javascript:void(0)" title="Google +"><i class="fa fa-instagram"></i></a>
<a class="w3-button w3-large w3-teal w3-hide-small" href="javascript:void(0)" title="Linkedin"><i class="fa fa-linkedin"></i></a>
<div style="position:relative;bottom:100px;z-index:1;" class="w3-tooltip w3-right">
<span class="w3-text w3-padding w3-teal w3-hide-small">Go To Top</span>
<a class="w3-button w3-theme" href="#myPage"><span class="w3-xlarge">
<i class="fa fa-chevron-circle-up"></i></span></a>
</div>
</footer>
<script>
// Script for side navigation
function w3_open() {
var x = document.getElementById("mySidebar");
x.style.width = "300px";
x.style.paddingTop = "10%";
x.style.display = "block";
}
// Close side navigation
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
// Used to toggle the menu on smaller screens when clicking on the menu button
function openNav() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>