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">
  <title>Document</title> 
</head> 
<body background="res/bg.png">

    <h1 class="h1">DEMOGRAPHIC SURVEY
    </h1>
    
    <p>The term Population means the total number
         of people living in a particular area.
         The population helps us get an estimate
          of the number of people and how to act 
          accordingly. For example, if we know
           the population of a particular city,
            we can estimate the resources it needs.


    </p>
    <br>
    

    <button onclick="openForm()">LET'S START THE SURVEY</button>
</div>
<script>
  function openForm() {
    window.open('form.php',"_self");
  }
</script>
</body>

</html> 