Untitled
unknown
plain_text
2 years ago
7.9 kB
4
Indexable
<!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">
<title>Minor project</title>
<style type="text/css">
.main{
text-transform:uppercase ;
text-decoration:underline ;
text-align: right ;
position: absolute;
top:50px;
left: 1100px;
}
.text{
text-align: right;
position: absolute;
top:110px;
left:280px;
margin:auto;
border-left: 2px solid black;
box-shadow: 10px 12px 10px;
border-radius: 12px;
}
.text1{
text-align: right;
position: absolute;
top:370px;
left:280px;
margin:auto;
border-left: 2px solid black;
box-shadow: 10px 12px 10px;
border-radius: 12px;
}
.text2{
text-align: right;
position: absolute;
top:640px;
left:280px;
margin:auto;
border-left: 2px solid black;
box-shadow: 10px 12px 10px;
border-radius: 12px;
}
.text3{
text-align: right;
position: absolute;
top:920px;
left:280px;
margin:auto;
border-left: 2px solid black;
border-radius: 12px;
box-shadow: 10px 12px 10px;
}
.text4{
grid-row: inherit;
text-align: right;
position: absolute;
top:1150px;
left:280px;
margin:auto;
border-left: 2px solid black;
box-shadow: 10px 12px 10px;
border-radius: 12px;
}
.main1{
text-transform:uppercase ;
text-decoration:underline ;
text-align: right ;
position: absolute;
top:300px;
left:1120px;
}
.main2
{
text-transform:uppercase ;
text-decoration:underline ;
text-align: right ;
position: absolute;
top:570px;
left:1140px;
}
.main3
{
text-transform:uppercase ;
text-decoration:underline ;
text-align: right ;
position: absolute;
top:860px;
left:1190px;
}
.main4{
text-transform:uppercase ;
text-decoration:underline ;
text-align: right ;
position: absolute;
top:1090px;
left:1160px;
}
</style>
</head>
<body style="background-color:aqua;">
<div>
<header style="color: black;border-radius: 20px;font-size: 45px; box-shadow:10px 10px 20px black;border-width: 12px;background-color: red;text-align: center;"><b><i>Historical Places</i></b></header>
<div>
<img src="lotustemple.png" height="270px" width="270px" />
</div>
<div class="main">
<h1 style="box-shadow:10px 10px 20px black; border-radius: 20px;">Lotus Temple</h1></div>
<div class="text">
<p>
<i>
Lotus Temple is one of the attractions of Delhi.
It is located on Lotus Temple road near Kalkaji in New Delhi.
Lotus Temple is also known as Bhai Temple. It is the most visited monuments in India.
Persian architect Fariborz sahba had completed the construction of Lotus Temple in 1986.
This Temple looks like a Lotus Flower. The lotus is a symbol of Love and This Bhai Temple also gives the message of immortality.
Because of that Bhai Temple became famous as the Lotus Temple.
<a href="https://en.wikipedia.org/wiki/Lotus_Temple">read more</a>
</i>
</p>
</div>
<div>
<img src="image_2023-03-01_19-51-25.png" height="270px" width="270px" top="350px" />
</div>
<div class="main1">
<h1 style="box-shadow:5px 5px 20px black; border-radius: 12px;">Qutub minar</h1>
</div>
<div class="text1">
<p>
<i>
Qutub Minar is located at 15 km far from New Delhi.
Qutub Minar is the tallest minaret among all minarets of India. It is made from red sandstones and marbles.
Muslim ruler Qutub - Ud - Din had built the Qutub Minar in 1145. Qutub Minar is made in Afghan Architecture.
It is not famous only in India but it become famous in the world.
Qutub Minar is the attraction of tourists in Delhi.
<a href="https://en.wikipedia.org/wiki/Qutb_Minar">read more</a>
</i>
</p>
</div>
<div>
<img src="image_2023-03-01_19-51-18.png" height="230px" width="270px" top="350px"/>
</div>
<div class="main2">
<h1 style="box-shadow:10px 10px 20px black; border-radius: 12px;">Jama masjid</h1>
</div>
<div class="text2">
<p>
<i>
Jama Masjid is the biggest mosque in India. It is located at opposite of Red Fort.
Jama Masjid of Delhi is also famous as Friday congregational mosque. It was built by Great king Shan Jahn.
Architecture of Jama Masjid is a blend of Mughal and Hindu style architecture.
Cost of Jama masjid at that time was 1 million Rupees.
<a href="https://en.wikipedia.org/wiki/Congregational_mosque">read more</a>
</i>
</p>
</div>
<div>
<img src="redfort.png" height="230px" width="270px" top="350px"/>
</div>
<div class="main3">
<h1 style="box-shadow:10px 10px 20px black;">Red fort</h1>
</div>
<div class="text3">
<p>
<i>
Red Fort is located at the bank of Yamuna river. Red fort is also known as Lal Quila or Lal Kila.
In construction of red fort too many red stones are used and because of that it became famous as red fort.
Construction of Red Fort was completed in 1648 by Shan Jahan.
King Shan Jahn has assigned Ustad Ahmed and Ustad Humid as an architect.
Two great walls of red fort are the attractions of Red Fort.
<a href="https://en.wikipedia.org/wiki/Red_Fort">read more</a>
</i>
</p>
</div>
<div>
<img src="indiagate.png" height="230px" width="270px" top="350px"/>
</div>
<div class="main4">
<h1 style="box-shadow:10px 10px 20px black;">India gate</h1>
</div>
<div class="text4">
<p>
<i>
India Gate is a national monument of India and built in 1931.
It was built in memory of those 9000 soldiers who become martyr in world war 1st for pride of India.
India gate also famous as Amar Javan Jyoti and World War memorial.
People like to visit India Gate in evening of summer.
People from all over the world come to Delhi to just see the India Gate.
<a href="https://en.wikipedia.org/wiki/India_Gate">read more</a>
</i>
</p>
</div>
</div>
<footer>
<audio src="Jana Gana Mana_192(PagalWorld.com.se).mp3" controls=""></audio>
</footer>
<footer style="color:black;background-color:yellow; text-align: center;box-shadow:10px 10px 20px black;"><h1>Thank You</h1></footer>
<footer style="color: black;background-color: yellow;text-align: right;box-shadow:10px 10px 20px black;"><h1>Minor project-- By Vinit</h1></footer>
</body>
</html>