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

    <h3 class="panel-sub-heading">
        Practising Task {{Constants.tasknumber}} - The Puzzles' Task
    </h3>
{% endblock %}

{% block content %}
    <br>
    <div class="instructions well well-lg" xmlns="http://www.w3.org/1999/html">


    <p> This page is for you to familiarize with the puzzles' task that you will be solving for several rounds.</p>

    <p> You can try solving one puzzle for practice. </p>

    <p>   Remember that in each round you will be given 45 seconds to solve two puzzles. </p>
</div>

<p align="center"><img  class="center" align="center" width="440" height="340" src="{% static "pictures/ravenset1-1.jpg" %}"/></p>

<table class=table >
            <td align="center">{% formfield player.PracticeRaven label="" %}</td>
</table>
<table class=table >
            <td align="center"></td>
</table>

    <div class="instructions well well-lg" >
        The correct answer here is 8.
</div>
{% next_button %}


{% endblock %}