Stylish Web Design

Ganapathiraju Aneesha Varma

Web Designer
Website CSS
JavaScript
<!DOCTYPE html>
<html>
<head>
  <title>Historical Places in India</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background-color: #333;
      color: #fff;
      padding: 10px;
    }

    h1{
            text-align: center;
            color: transparent;
            background-image: url(https://d36tnp772eyphs.cloudfront.net/blogs/1/2019/09/Taj-Mahal-1200x849.jpg);
            -webkit-background-clip: text;
    }
    
    main {
      margin-top: 70px;
      padding: 20px;
    }

    p{
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-style: italic;
        font-weight: 500;
        text-align: center;
        color:indianred;
    }
    
    footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background-color: #333;
      color: #fff;
      padding: 10px;
    }

    img{
            border-radius: 20px;
            box-shadow: 0px 0px 10px 10px grey;
            height: 500px;
    }

    div{
            padding: 10px;
            margin-left: 13px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .grid-container{
        display: grid;
        column-gap: 50px;
    }

    main{
        background-color: bisque;
    }

  </style>
</head>
<body>
  <header>
    <h1>Historical Places in India</h1>
  </header>
  
  <main>
    <div class="grid-container"><center>
    <div class="image grid-item">
      <img src="https://d36tnp772eyphs.cloudfront.net/blogs/1/2019/09/Taj-Mahal-1200x849.jpg" alt="Taj Mahal" >
      <p>The Taj Mahal is an enormous mausoleum complex commissioned in 1632 by the Mughal emperor Shah Jahan to house the remains of his beloved wife. Constructed over a 20-year period on the southern bank of the Yamuna River in Agra, India, the famed complex is one of the most outstanding examples of Mughal architecture, which combined Indian, Persian and Islamic influences. At its center is the Taj Mahal itself, built of shimmering white marble that seems to change color depending on the daylight. Designated a UNESCO World Heritage site in 1983, it remains one of the world’s most celebrated structures and a stunning symbol of India’s rich history.</p>
    </div>
    
    <div class="image grid-item">
      <img src="redfort.jpeg" alt="Red Fort" >
      <p>The Red Fort Complex was built as the palace fort of Shahjahanabad – the new capital of the fifth Mughal Emperor of India, Shah Jahan. Named for its massive enclosing walls of red sandstone, it is adjacent to an older fort, the Salimgarh, built by Islam Shah Suri in 1546, with which it forms the Red Fort Complex. The private apartments consist of a row of pavilions connected by a continuous water channel, known as the Nahr-i-Behisht (Stream of Paradise). The Red Fort is considered to represent the zenith of Mughal creativity which, under the Shah Jahan, was brought to a new level of refinement. The planning of the palace is based on Islamic prototypes, but each pavilion reveals architectural elements typical of Mughal building, reflecting a fusion of Persian, Timurid and Hindu traditions The Red Fort’s innovative planning and architectural style, including the garden design, strongly influenced later buildings and gardens in Rajasthan, Delhi, Agra and further afield.</p>
    </div>

    <div class="image grid-item">
        <img src="charminar.jpg" alt="Charminar">
        <p>Charminar was built by Sultan Mohammed Quli Qutb Shah in 1591. It is said that this square shaped structure with four pillars and intricate carvings was built in honour of his wife, Bhagmati. However, the actual reason behind building Charminar is still not clear.As per a popular belief, Charminar was built to acknowledge the elimination of the plague which had affected the entire city immensely during that era. It is believed that the Sultan had prayed for the end of this plague with which his people were suffering. Hence, as the plague ended, he built the charminar as a tribute to Allah. The four pillars are also said to be dedicated to the first four caliphs of Islam.</p>
    </div>
    </center>
    </div>
    
  </main>
  
  <footer>
    <h4></h4><center>Designed and Developed by G.Aneesha Varma.</center></h4>
  </footer>
</body>
</html>

Partner With Ganapathiraju
View Services

More Projects by Ganapathiraju