-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathqutub.html
111 lines (94 loc) · 7.54 KB
/
qutub.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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="inkedInsightslogo.jpeg">
<title>QUTUB MINAR</title>
</head>
<body>
<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>
<div class="w-3/5 flex flex-col justify-center mx-[300px]" >
<div class=" w-3/6 h-[500px] my-10 flex justify-center m-[250px] ">
<img class="border-4 border-brown-200 " src="qutubminar.jpg">
</div>
<div class="text-slate-600 font-bold text-xl tracking-normal ">
<p>
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.
The construction of the Qutub Minar was started in 1192 by Qutb-ud-din Aibak, the founder of the Delhi Sultanate, and was completed by his successor Iltutmish. The minaret is made of red sandstone and marble and features five distinct storeys, each with a projecting balcony. The balconies are adorned with intricate carvings and inscriptions from the Quran.
The Qutub Minar is surrounded by several other historic monuments and structures, including the Iron Pillar of Delhi, the Alai Darwaza, and the Quwwat-ul-Islam Mosque, all of which were built during the same time period as the minaret.
Over the years, the Qutub Minar has been damaged by earthquakes and lightning strikes, but has been restored and preserved by the Archaeological Survey of India. Today, it is one of the most popular tourist attractions in Delhi and attracts visitors from all over the world.
</p>
</div>
<div class="alsolike my-10">
<h3 class="text-xl font-bold text-slate-900">
People also liked ....
</h3>
<div class="grid grid-cols-3 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="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>
</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>