-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
158 lines (144 loc) · 10.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to INDIA</title>
<link rel="icon" href="https://icon2.cleanpng.com/20180404/igw/kisspng-agra-delhi-package-tour-travel-agent-tamilnadu-5ac480b4412e27.341814031522827444267.jpg">
<script src="https://kit.fontawesome.com/0b6d8e7b56.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="CSS/Tailwind.css"/>
<link rel="stylesheet" href="CSS/Sprites.css"/>
</head>
<body>
<div id="container">
<button class="BTN" onclick="openSlideMenu()" style="position: fixed; z-index: 5;">
<b>EXPLORE</b>
</button>
<div id="side-menu" class="side-nav">
<a href="javascript:void();" class="btn-close" onclick="closeSlideMenu()" style="margin-top: 0px;"><font size="50px"><b>×</b></font></a>
<div id="list">
<br><br><a href="index.html"><i class="fas fa-home"></i> Home</a>
<br><br><a href="home1.html"><i class="fab fa-old-republic"></i> Places</a>
<br><br><a href="Food.html"><i class="fas fa-utensils"></i> Food</a>
<br><br><a href="home2.html"><i class="fab fa-galactic-senate"></i> Festivals</a>
<br><br><a href="home3.html"><i class="fas fa-paw"></i> Nature</a>
<br><br><a href="know.html"><i class="fas fa-scroll"></i> Acknowledgement</a>
</div>
</div>
</div>
<div class="SHOW">
<h1><i><u><b>Kesariya Balam padharo mahre Desh<br>Welcome to India</b></u></i></h1>
<video autoplay loop muted style="width: 100%;">
<source src="Resources/Video.mp4" type="video/mp4">
</video>
</div>
<div class="SHOW2">
<h1><i><u><b>Welcome <br>to India</b></u></i></h1>
<video autoplay loop muted style="width: 100%;">
<source src="Resources/Video2.mp4" type="video/mp4">
</video>
</div>
<section class="text-gray-500 bg-gray-900 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col">
<div class="h-1 bg-gray-800 rounded overflow-hidden">
<div class="w-24 h-full bg-indigo-500"></div>
</div>
<div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
<h1 class="sm:w-2/5 text-white font-medium title-font text-2xl mb-2 sm:mb-0">Welcome to India</h1>
<p class="sm:w-3/5 leading-relaxed text-base sm:pl-10 pl-0">A unique land of vibrant colours, breathtaking landscapes and rich history, India is unlike any other. From the writhing streets of Mumbai to the idyllic shores of the Andaman Islands, this remarkable country offers a diverse feast for the senses. For those who are willing, India will lead you on an incredible journey of history and culture.</p>
</div>
</div>
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Food1.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">Exotic Culinary Dishes</h2>
<p class="text-base leading-relaxed mt-2">Indian cuisine consists of a variety of regional and traditional cuisines native to the Indian subcontinent. These cuisines vary substantially and use locally available spices, herbs, vegetables, and fruits</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/Indian_cuisine" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Food2.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">South Indian Dishes</h2>
<p class="text-base leading-relaxed mt-2">Coconut is native to Southern India and spread to Europe, Arabia and Persia over the centuries. Coconut of Indian origin was brought to the Americas by Portuguese merchants</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/South_Indian_cuisine" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Food3.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">Street Foods of India</h2>
<p class="text-base leading-relaxed mt-2">The Idly Sambhar is a popular dish, which is served as breakfast or dinner. Apart from regular South Indian street food, the city's streets are also filled with several North Indian street food outlets, most of them established by North Indian migrants themselves</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/Street_food_of_Chennai" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Taj Mahal.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">The Taj Mahal</h2>
<p class="text-base leading-relaxed mt-2">Construction of the mausoleum was essentially completed in 1643, but work continued on other phases of the project for another 10 years. The construction project employed some 20,000 artisans under the guidance of a board of architects led by the court architect to the emperor, Ustad Ahmad Lahauri</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/Taj_Mahal" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Tiger.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">The Royal Bengal Tiger</h2>
<p class="text-base leading-relaxed mt-2">The Bengal tiger is a tiger from a specific population of the Panthera tigris tigris subspecies that is native to the Indian subcontinent. It is threatened by poaching, loss, and fragmentation of habitat, and was estimated at comprising fewer than 2,500 wild individuals by 2011</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/Bengal_tiger" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
<div class="p-4 md:w-1/3 sm:mb-0 mb-6">
<div class="rounded-lg h-64 overflow-hidden">
<img alt="content" class="object-cover object-center h-full w-full ZOOM" src="Resources/Images/Mountain.png">
</div>
<h2 class="text-xl font-medium title-font text-white mt-5">Mountains of Le-Ladakh</h2>
<p class="text-base leading-relaxed mt-2">Leh is the joint capital and largest town of the union territory of Ladakh in India. Leh, located in the Leh district, was also the historical capital of the Himalayan Kingdom of Ladakh, the seat of which was in the Leh Palace, the former residence of the Royal Family</p>
<a class="text-indigo-500 inline-flex items-center mt-3" href="https://en.wikipedia.org/wiki/Leh" target="_blank">Learn More
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<footer class="text-gray-400 bg-gray-900 body-font">
<div class="bg-gray-800 bg-opacity-75" style="text-align: right;">
<p style="text-align: center; font-size: 1.5rem; color: white; padding: 10px;">
Greetings from INDIA <br> <b style="font-size: 1.7rem;">Proud to be an Indian</b>
</p>
</div>
</footer>
<script>
function openSlideMenu(){
document.getElementById('side-menu').style.width = '300px';}
function closeSlideMenu(){
document.getElementById('side-menu').style.width = '0';}
</script>
</body>
</html>