<!DOCTYPE html>
<html lang="en">
<head>
    <style>
         .movable{
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  text-align: center;
  border: 1px solid #3f3e3e;
    };
   
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1.0, initial-scale=1.0">	<head>
		<title>foobar</title>
		 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

	</head>
	<body background="{{ form.Background }}" style="background-repeat:no-repeat;background-position: 50% 1%;" onload="deleter();"><form method='POST' action="{% url 'submit_form' %}">

    {% csrf_token %}<center>
      <h2>{{ form.Name }}</h2>
{{ form.htmlForm|safe|escape }}<button type='submit' style='position:absolute; left:50%; top:100%;'>Submit</button></form></body><!--####https://docs.djangoproject.com/en/3.1/ref/templates/builtins/ search |safe|escape-->
</center>
<script type='text/javascript'>
      function deleter(){       
          var paras = document.getElementsByClassName('dropdown');
var i = 0;
for(i=0;i<paras.length;i++){
  paras[i].innerHTML="";
  }
paras = document.getElementsByClassName('delItems');
for(i=0;i<paras.length;i++){
  paras[i].innerHTML="";
  }
  }
</script>

	<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.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</html>
