{% extends "global/Page.html" %}
{% load otree %}

{% block title %}The following questions relate to green policies.{% endblock %}

{% block content %}

<style>
    .otree-body {
        max-width:800px
    }
</style>

{% formfields %}

<p>

<label class="col-form-label">
    Is nature important for you?
</label>

<div class="input-group">
    <div class="input-group-prepend">
        <span class="input-group-text">no</span>
    </div>

    <input type="range" name="nature" min="0" max="12" step="1">

    <div class="input-group-append">
        <span class="input-group-text">yes</span>
    </div>
</div>
    
<p>
    
{% next_button %}

{% endblock %}