-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtravelcat.html
185 lines (162 loc) · 13.4 KB
/
travelcat.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
<!DOCTYPE html>
<html>
<head>
<title>Inked Insights </title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="icon" type="image/x-icon" href="inkedInsightslogo.jpeg">
<link rel="stylesheet" href="style1.css">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="">
<!-- <nav class=" flex justify-between h-16 items-center pt-5"></nav> -->
<nav class=" flex h-16 pt-5">
<img src="inkedInsightslogo.jpeg" alt="Inked Insights" class="rounded-full w-auto mx-5">
<div class="text-4xl font-extrabold text-emerald-600 ">Inked Insights</div>
<div class="px-24 ml-auto">
<a href="index.html" class="text-xl px-4">Home</a>
<!-- <a href="" class="text-xl px-4">About</a> -->
<a href="categories.html" class="text-xl px-4">Category</a>
<a href="aboutus.html" class="text-xl px-4">About Us</a>
<!-- <a href="#" class="text-xl px-4 bg-blue-600 py-2 text-white hover:bg-blue-800 rounded-md">Login</a> -->
<button class="bg-blue-600 px-6 py-4 text-white rounded-lg border-none hover:bg-blue-800 outline-none font-semibold " id="#Logbtn" ><a href="login.html">Login</a>
</button>
</div>
</nav>
<h1 class="text-4xl flex justify-center m-10 font-thin"> <span class="font-bold">T</span>RAVEL</h1>
<div class="m-10 ">
<h3 class="text-2xl font-semibold mx-auto flex justify-center">HISTORICAL PLACES </h3>
<div class="grid grid-cols-4 gap-5 m-10">
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="qutubminar.jpg" alt="Qutub Minar">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Qutub Minar : Towering symbol of India's glorious past and architectural marvels</div>
<p class="text-gray-700 text-base">
Qutub Minar is a towering minaret located in Delhi, India. It is considered to be one of the finest examples of Indo-Islamic architecture in India and is a UNESCO World Heritage Site. The minaret stands at a height of 72.5 meters (237.8 feet) and has a base diameter of 14.3 meters (47 feet), tapering to a diameter of 2.7 meters (9 feet) at the top.
<a href="qutub.html" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Delhi</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="redfort.jpg" alt="Red Fort">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Red Fort :Symbol of India's rich cultural heritage</div>
<p class="text-gray-700 text-base">
The Red Fort is made of red sandstone and covers an area of about 254.67 acres. It is a UNESCO World Heritage Site and is one of the most popular tourist attractions in Delhi. The fort has several notable structures, including the Diwan-i-Aam (Hall of Public Audience), Diwan-i-Khas (Hall of Private Audience), Moti Masjid (Pearl Mosque), and the Rang Mahal (Palace of Colours).
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Delhi</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="raniki vav.jpg" alt="Rani ki vav">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Rani ki Vav :Mystical world of ancient legends, intricate carvings, and mesmerizing beauty</div>
<p class="text-gray-700 text-base">
Rani ki Vav is a UNESCO World Heritage Site and is considered to be one of the most beautiful and well-preserved stepwells in India. The structure is characterized by a series of intricately carved steps that lead down to a large pool of water. The walls of the stepwell are adorned with more than 800 sculptures, which depict various mythological and religious figures, as well as scenes from daily life.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Gujarat</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="havamahal.jpg" alt="Hava Mahal">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Hava Mahal :Breathtaking testament to Jaipur's rich cultural heritage</div>
<p class="text-gray-700 text-base">
Hawa Mahal, also known as the "Palace of the Winds", is a beautiful palace located in the city of Jaipur, in the Indian state of Rajasthan. The palace was built in 1799 by Maharaja Sawai Pratap Singh, and its unique five-story façade features 953 small windows or jharokhas, intricately designed with latticework.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Gujarat</span>
</div>
</div>
</div>
<h3 class="text-2xl font-semibold mx-auto flex justify-center">SPIRITUAL PLACES </h3>
<div class="grid grid-cols-4 gap-5 m-10">
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="shikarji.jpg" alt="Shikhar Ji : Pride of Jharkhand">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Shikhar Ji : Pride of Jharkhand</div>
<p class="text-gray-700 text-base">
Shikharji, also known as Parasnath Hill, is a sacred pilgrimage site for Jains located in the state of Jharkhand, India. It is believed to be the place where twenty of the twenty-four Tirthankaras, or spiritual leaders of Jainism, attained Moksha, or liberation from the cycle of birth and death.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Jharkhand</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="goldentemple.jpg" alt="Golden Temple">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Golden Temple, Amritsar</div>
<p class="text-gray-700 text-base">
The Golden Temple was built in the 16th century by Guru Arjan Dev, the fifth Sikh Guru, and its architecture reflects a unique blend of Hindu and Muslim styles. The temple complex features a large marble-paved courtyard, surrounded by four entrances, and a holy pool known as the Amrit Sarovar.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Amritsar</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="konark.jpg" alt="Konark Surya Mandir">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Konark Surya Mandir </div>
<p class="text-gray-700 text-base">
The Konark Sun Temple is a 13th-century Hindu temple located in the town of Konark in the Indian state of Odisha. It is dedicated to the sun god Surya and is considered to be one of the most significant and impressive examples of temple architecture in India.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Odisha</span>
</div>
</div>
<div class="max-w-sm rounded overflow-hidden shadow-lg">
<img class="object-cover w-full h-60 hover:scale-75 transition-all duration-500 cursor-pointer" src="kedarnath.jpg" alt="Kedarnath">
<div class="px-6 py-4">
<div class="font-bold text-xl mb-2"> Kedarnath Temple : Perched in the lap of the mighty Himalayas</div>
<p class="text-gray-700 text-base">
Kedarnath Temple is a Hindu temple dedicated to Lord Shiva and is located in the town of Kedarnath in the Indian state of Uttarakhand. It is one of the twelve Jyotirlingas, which are considered to be the most sacred abodes of Lord Shiva.
<a href="#" class="text-red-600 hover:text-blue-600">Continue reading....</a>
</p>
</div>
<div class="px-6 pt-4 pb-2">
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#photography</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#travel</span>
<span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#Kedarnath</span>
</div>
</div>
</div>
</div>
<footer>
<div class="btmline flex justify-center items-center mx-auto m-3 space-x-4"><span></span><span class="font-semibold hover:text-emerald-500 "> © Inked Insights , 2023 </span></div>
</footer>
</body>
</html>