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



{% block content %}
<div class="row rounded border alert alert-success center text-center">
    <h4>Thank you for completing the Decoloring Task.</h4>
    <br></br>
    <h4>We will now explain the remaining ten tasks of the experiment.</h4>
</div>

<div class="row my-3 px-3 py-3 bg-light rounded border">
    <div class="col">
        Remember that the experiment consists of eleven tasks:
        the 
        Decoloring Task (that you just completed) 
        and the ten Walking Tasks (that will be explained next). 
        That is, after the explanations and a practice round, 
        you complete the same type of task ten times. 
    </div>
</div>


<div class="col center center-align text-center" width="100%">
<button id="next_page_btn" class="btn btn-primary px-3">Let's continue</button>
</div>


{% endblock %}