<!DOCTYPE html>
<html lang="en">
<head>


    <meta charset="UTF-8">
    <title>Research Papers Easy Access</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style>
    div{
    background: transparent;
    }
     
    body
    {
    	background-image: url("https://extraconfidencial.com/wp-content/uploads/2019/09/asistentes-virtuales.jpg");
    	background-position: top;
    	background-repeat: no-repeat;
    	background-size: cover; !important
    	background-color: #cccccc;				
    }
   
   
    .content
    {
    	position: absolute;
    	background: rgb(0,0,0);
    	background: rgba(0,0,0,0.5);
    	color: #f1f1f1;
    	width: 100%;
    	padding: 20px;
    	bottom: 30%;
    }
    span{background-color: #cccccc; !important}
    </style>
</head>
<body>
<center>
<div class="content">
<span> 
  <h1 class="display-3" font="">Research Paper Easy Access</h1>

<form action="/thankyou/" method="post">
    {% csrf_token %}
    <table>
    {{form.as_table}}
 </table>
 <br>
<input type="submit" class="btn btn-outline-light" value="Submit" />
</form>
</span>
</div>
</center>
</body>
</html>

