-
Notifications
You must be signed in to change notification settings - Fork 1
/
know.html
111 lines (106 loc) · 6.31 KB
/
know.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Acknowledgement</title>
<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">
<link rel="icon" href="https://icon2.cleanpng.com/20180404/igw/kisspng-agra-delhi-package-tour-travel-agent-tamilnadu-5ac480b4412e27.341814031522827444267.jpg">
</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>
<section class="text-gray-400 bg-gray-900 body-font" style="background-image: linear-gradient(to bottom right, black, navy);">
<header style="text-align: center;">
<h1 style="font-size: 5rem; color:white"><u>JIS SPIRIT</u></h1>
</header>
<div class="container px-5 py-24 mx-auto flex flex-wrap">
<div class="flex flex-wrap w-full">
<div class="lg:w-2/5 md:w-1/2 md:pr-10 md:py-6" style="width: 100%">
<div class="flex relative pb-12" >
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-800 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-indigo-500 inline-flex items-center justify-center text-white relative z-10" style="z-index: 0;">
1
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-white mb-1 tracking-wider"><u style="font-size: 1.5rem;">WIKIPEDIA</u></h2>
<p class="leading-relaxed">
<ul style="list-style-type:disc; padding: 10px;">
<li><a href="https://en.wikipedia.org/wiki/Indian_cuisine" style="color:white; font-size: 1.2rem;" target="_blank">Indian Cusine</a></li>
<li><a href="https://en.wikipedia.org/wiki/Bengal_tiger" style="color:white; font-size: 1.2rem;" target="_blank">Royal Bengal Tiger</a></li>
<li><a href="https://en.wikipedia.org/wiki/Incredible_India" style="color:white; font-size: 1.2rem;" target="_blank">Incredible India</a></li>
<li><a href="https://en.wikipedia.org/wiki/Culture_of_India" style="color:white; font-size: 1.2rem;" target="_blank">Indian Culture</a></li>
</ul>
</p>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-800 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-indigo-500 inline-flex items-center justify-center text-white relative z-10" style="z-index: 0;">
2
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-white mb-1 tracking-wider"><u style="font-size: 1.5rem;"><a href="https://www.incredibleindia.org/content/incredible-india-v2/en.html" target="_blank">Incredible India</a></u></h2>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-800 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-indigo-500 inline-flex items-center justify-center text-white relative z-10" style="z-index: 0;">
3
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-white mb-1 tracking-wider"><u style="font-size: 1.5rem;"><a href="https://www.google.com" target="_blank">Google</a></u></h2>
</div>
</div>
<div class="flex relative pb-12">
<div class="h-full w-10 absolute inset-0 flex items-center justify-center">
<div class="h-full w-1 bg-gray-800 pointer-events-none"></div>
</div>
<div class="flex-shrink-0 w-10 h-10 rounded-full bg-indigo-500 inline-flex items-center justify-center text-white relative z-10" style="z-index: 0;">
4
</div>
<div class="flex-grow pl-4">
<h2 class="font-medium title-font text-sm text-white mb-1 tracking-wider"><u style="font-size: 1.5rem;"><a href="https://www.britannica.com/" target="_blank">Encyclopædia Britannica</a></u></h2>
</div>
</div>
</div>
</div>
</div>
<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;">
Created by <b>Rupak Biswas</b> and <b>Saptarshi Dey</b>
</p>
</div>
</footer>
</section>
<script>
function openSlideMenu(){
document.getElementById('side-menu').style.width = '300px';}
function closeSlideMenu(){
document.getElementById('side-menu').style.width = '0';}
</script>
</body>
</html>