{% load static %}
<!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>
   <style>
       body, html {
  height: 100%;
  margin: 0;
}
.bg {
  /* The image used */
  background-image: url("http://myprojectfinal.in/img.jpeg");
  text-align: center;
  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bd{
   text-align: center;
}
      </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Django</title>
<script language="javascript" type="text/javascript">
function nav()
   {
   var w = document.myform.mylist.selectedIndex;
   var url_add = document.myform.mylist.options[w].value;
   window.location.href = url_add;
   }
</script>
</head>
<body>
   <div class="bg">
   <form name="myform"> 
      <h1 style="color:blue;">Charts</h1>
      <div class='bd'>
      <select name="mylist" onChange="nav()">
      <option value="/view.html">PIE Chart</option>
      <option value="/view1.html">BAR Chart</option>
      <option value="/view2.html">Line Charts</option>
      </select>
      </div>
      <img src="{% static 'foo.png' %}">
      </form>
   </div>
</body>
</html>