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

    <h3 class="panel-sub-heading">
        Practicising Task {{Constants.tasknumber}} - The Grid 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 grid task that the <strong>Performer</strong> will
            solve. </p>

        <p> In each round, the Performer will be shown 10 grids and will have 45 seconds to count the number of ones for each grid like the one below.</p>

</div>

<h4>
                     <table class="table table-bordered text-center" style="width: auto; margin: auto">
                 <tr >
                     <td>0</td>
                     <td>1</td>
                     <td>0</td>
                     <td>0</td>
                     <td>1</td>
                </tr >
                 <tr >
                     <td>1</td>
                     <td>0</td>
                     <td>0</td>
                     <td>0</td>
                     <td>1</td>
                </tr >
                  <tr >
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                     <td>0</td>
                     <td>1</td>
                </tr >
                   <tr >
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                     <td>0</td>
                     <td>1</td>
                </tr >
                <tr >
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                     <td>1</td>
                </tr >
             </table>  <br>
</h4>


{% next_button %}



{% endblock %}