<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> 
<title>Django</title>
</head>
<style>
  body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("http://myprojectfinal.in/img.jpeg");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
  h1 {text-align: center;}
  p {text-align: center;}
  div {text-align: center;}
  a {text-align: center;}
  </style>
<body>
  <div class="bg">
  <h1>Students Marks Data Visualization</h1>
   <form method="POST" enctype="multipart/form-data">
        <div class="container"> 
          {% csrf_token %} 
          <input  type="file" name="document">
          <button type="Submit">Upload</button>
            <h2 class="text-center"><u></u></h2><br>            
          </div>
          <div class="container">
          <a href="/preprocess.html">PreProcessing</a>
        </div>
    </form>
  </div>
</body>
</html>
