Delhi.html

<!DOCTYPE html>
<html>

<head>
     <title>Delhi</title>
     <style>
       
       
      *{
        margin:0; padding:0;
      }
    
       
       .three{
         display:block;
       }
   
       
       section img{
         border: 2px solid black; 
         margin:14px 15px;
            width:945px;
            height:630px;
       }
       
       .head{
         
         display:flex;
         background:#E34141;
         color:#FFFFFF;
        align-items: center;
        border:2px solid #000000;
        position:sticky;
        top:0;
      
       }
       .head .a{
         display: flex;
         align-items:center;
         width:50%;
         margin:5px 7px;
         
       }
       
       .head .a img{
         height:30px; width:30px;
         border: 2px solid #52D2E7;
         border-radius: 10px;
         margin-right: 7px;
         
       }
       .head .b{
       
         display:flex;
         width:50%;
         padding:0px 15px;
         margin-left:120px;
        
       }
       
       header button{
         margin-left:20px; 
         border: 2px solid #2EE3EB;
         border-radius: 5px;
         background:black;
         height:30px;
         text-transform: uppercase;
         
       }
       
       header button a{
         text-decoration:none;
         color:white;
         padding:7px;
       }
       
       header form{
         margin-left: 30px;
       }
       
       header form input{
         margin-left: 20px;
         height:24px;
         border:2px solid #2EE3EB;
         border-radius:5px;
       }
       
       header form button{
         color:white;
         padding:2px 7px;
         margin-left: 2px;
       }
       header form button:hover{
         background:#FAFAFA;
         color:#000000;
         
       }
       
       .para{
         border:3px solid black;
        padding: 0px 15px;
        margin: 14px 15px;
       
       }
       
     footer{
       background:red;
       color:yellow;
       justify-content: center;
       align-items: center;
       padding:0px 100px;
       border-bottom: 2px solid black;
     }
     
     footer .copyright{
       width: 200px;
      display: flex;
       margin:auto;
     }
     footer .copyright .oval{
        width:14px; height:16px;
      border:1px solid white;
      border-radius:30px;
      text-transform: uppercase;
      /*padding:1px 2px 1px 2px;*/
      color:white;
      background:black;
      margin:1px 5px;
      padding-left: 2px;
      }
       
       
     </style>
</head>

<body bgcolor="skyblue">
 
  <header class="head">
    
   <div class="a">
    <img src="delhi.jpg">
    <h1>Delhi</h1></div>
    
      <div class="b"><div>
  <button>  <a href="travel and tourism.html">Home</a></button>
</div>


<div>
 <button type="button"> <a href="mailto:Ayush.vishalgupta6244@gmail.com?subject=my problem&body=write your problem">contact us</a></button>
</div>

<form>
  <input type="email" placeholder="submit your email"><button type="submit">SUBMIT</button>
</form>
    </div>
    
</header>
<section class="three">
  <div>
    <img src="delhi.jpg" alt="This is RedFort">
  </div>
  <div class="para">
    <h6>
      <li>According to Euromonitor International, Delhi ranked as 28th-most visited city in the world and first in India by foreign visitors in 2015.
      <hr>
      <br><li> There are numerous tourist attractions in Delhi, both historic and modern.
      <hr>
      <br><li>The three UNESCO World Heritage Sites in Delhi, Qutb Complex, Red Fort and Humayun's Tomb are among the finest examples of Indo-Islamic architecture.
      <hr>
      <br><li>Another prominent landmark of Delhi is India Gate, a 1931 built war memorial to soldiers of British Indian Army who died during First World War.
      <hr>
        <br><li>Delhi has several famous places of worship of various religions. One of the largest Hindu temple complexes in the world, Akshardham is a major tourist attraction in the city. <hr>
        <br><li>Other famous religious sites include Lal Mandir, Laxminarayan Temple, Gurudwara Bangla Sahib, Lotus Temple, Jama Masjid and ISKCON Temple.
    </h6>
  </div>
</section>

 <hr color="black">
 
<footer class="last">
  
 <div class="copyright">
     copyright  2021<div class="oval">c</div>

</div>

</footer>
<!---------script------------>
 <script src="Delhi.js"> </script>
 
</body>

</html>