{% load otree static %}

{% block content %}
<p>
    <b><u>Example:</u></b>
</p>
<p style="text-align:justify">
You will be presented with a pattern and have to choose which out of eight possible pieces completes the given pattern.  Your task is to choose the correct pattern.
</p>
    <p style="text-align:justify">
For example, below you see a given pattern, and you have to choose which of the eight possible pieces completes the pattern. In this example the correct piece is piece number 8.
    </p>


<div style="text-align:center">
        {% load static %}
        <img src="{% static 'images/RavenExample.jpg' %}" alt="" width="400" height="380"/>
    </div>
<div style="text-align:center">
        {% load static %}
        <img src="{% static 'images/Choices.png' %}" alt="" width="400" height="61"/>
    </div>
<p style="text-align:justify">
Click next to start the task now.
</p>
    <br>

        {% next_button %}

    <br>

<br>
{% endblock %}