Taj Mahal

index.html

<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>

taj-mahal.markdown

Taj Mahal

Learning new things

A Pen by Mayank Solan on CodePen.

License.