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">
    <title>Save Nature</title>
    <style>
        body {
            height: auto;
            width: auto;
            background-image: url("https://helpsavenature.com/wp-content/uploads/2020/01/cropped-helpsavenature.jpg");
            background-size: cover;
            background-position: center;
            position: relative;
            background-repeat: no-repeat;
            background-attachment:fixed;
            
        }
        .head{
            position: absolute;
            left : 7%;
            top : 800%;
            color: rgb(74, 5, 13);
            font-size:x-large;           
            font-family:cursive;
            text-decoration: underline;
            text-shadow:3px 3px rgb(228, 46, 22);
            
            
         }
        .text{
            position: absolute;
            color: rgb(176, 238, 30);
            text-align: justify; 
            top: 1205%;
            left: 7%;
            font-weight:900;
            font-size:xx-large;
            font-family:cursive;


       }
    </style>
</head>

<body>
    
  
     <div class="head">
        <h1>🌻SAVE  NATURE🌻</h1></div>
        <div class="text">
            <p>🌳Plant can survive without Humans 
                <br>
                but Humans cannot survive without Plants.</p>
     </div>
        <BR>
     

</body>
</html>