Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Taj Mahal
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<style>
body {
background-color: #b3d1ff;
}
#main {
font-family: "Trebuchet MS";
text-align: center;
color: #000066;
}
h1 {
align: center;
}
#image {
max-width: 100%;
display: block;
height: auto;
margin: auto;
}
#img-caption {
margin: 10px;
color: black;
}
#tribute-info {
background-color: #66a3ff;
color: black;
align: left;
}
li {
margin-top: 10px;
}
</style>
<div id="main">
<h1 id="title">Taj Mahal</h1>
<div margin="20px">Beauty resides in Architecture</div>
<div id="img-div">
<img id="image" width="400px" src="https://images.pexels.com/photos/1603650/pexels-photo-1603650.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940">
<div id="img-caption">
Taj Mahal stands tall in the city of Agra, India which symbolises strength of love and a perfect tribute.
</div>
</div>
<div id="tribute-info" margin="20px">
<ul>
<h3>Here are some of the insights about this beautiful monument</h3>
<li align="left">The Taj Mahal meaning "Crown of the Palace" is an ivory-white marble mausoleum on the south bank of the Yamuna river in the Indian city of Agra</li>
<li align="left">It was commissioned in 1632 by the Mughal emperor, Shah Jahan (reigned from 1628 to 1658), to house the tomb of his favourite wife, Mumtaz Mahal.</li>
<li align="left">Construction of the mausoleum was essentially completed in 1643 but work continued on other phases of the project for another 10 years.</li>
<li align="left">The Taj Mahal complex is believed to have been completed in its entirety in 1653 at a cost estimated at the time to be around 32 million rupees, which in 2015 would be approximately 52.8 billion rupees (U.S. $827 million).</li>
<li align="left">The Taj Mahal was designated as a UNESCO World Heritage Site in 1983 for being "the jewel of Muslim art in India and one of the universally admired masterpieces of the world's heritage". </li>
</ul>
<h3>Here is the wikipedia link for you if you want to go through the intrinsic details of Taj Mahal
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Taj_Mahal" target="_blank"> Wikipedia Page</a></h3>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.