index.html

<!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">
    <link rel="stylesheet" href="style.css" type="text/css">
    <title>Aaradhya orphans</title>
</head>
<body>
  <section>
  <style>
    body{
      background-image: url(https://files.globalgiving.org/pfil/20057/pict_large.jpg?m=1426189725000);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
  </style>
  </section>
 <header>
     <img class="logo" src="img/logo.png" alt="logo" height="80px" width="90px">
            <nav>
                <ul class="nav_links ">
                    <li><a href="#index">HOME</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li><a href="contact.html">CONTACT</a></li>
                </ul>
            </nav>
    </header>

    
    <section>
      
      
      <div class="container">
        <h2>Aaradhya Orphanage</h2><br>
        <p>Everyone has wish to live with the family <br><br> Donate For an Orphanes !!!</p><br>
        <h2>To Make this World a Better Place to Live for ALL!!</h2><br>
        <br><br>
       <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_HZvJrirTDRVcpv" async> </script> </form>
      </div>
    </section>

  </body>
</html>
