{{ extends 'global/Page.html' }}
{{ block title }} {{ endblock }}

{{ block content }}

<!-- Page Move to left -->
<style>
div.moveleft {
  position: absolute;
  width: 900px;
  top: 100px;
  left: 100px;
    }
</style>

<div class="moveleft">
<p style="font-size:20px;">Please answer the following four questions collecting your basic information.</p>

<p style="font-size:20px; display:inline;">
    1. Your Age
    {{ form.surveyage }}
</p>
<br>

<p style="font-size:20px; display:inline;">
    2. Your Gender
    {{ form.surveygender }}
</p>
<br>

<p style="font-size:20px; display:inline;">
    3. Your Education
    {{ form.surveyedu }}
</p>
<br>

<p style="font-size:20px; display:inline;">
    4. Your Input Device
    {{ form.surveydevice }}
</p>
<br>


<button style="font-size:25px;">Submit</button> 

</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>



{{ endblock }}