<!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;
}
</style>
<body>
  <div class="bg">
   <form method="POST" enctype="multipart/form-data">
        <div class="container"> 
          <a href="/view.html">Chatrs</a>
            <h2 class="text-center"><u></u></h2><br>             
            <table class="table table-dark table-striped"> 
              <thead> 
                <tr> 
                  <th>Student Id</th> 
                  <th>Sex</th> 
                  <th>Maths</th> 
                  <th>Science</th> 
                  <th>Physics</th> 
                </tr> 
              </thead> 
              <tbody> 
              <!-- jinja2 Technique -->
              {% if d %}   
              {% for i in d %} 
                <tr> 
                  <td>{{i.id}}</td> 
                  <td>{{i.sex}}</td> 
                  <td>{{i.Maths}}</td> 
                  <td>{{i.Science}}</td> 
                  <td>{{i.Physics}}</td> 
                </tr> 
              {% endfor %} 
              {% endif %} 
              </tbody> 
            </table> 
          </div>
    </form>
</div>
</body>
</html>
