{% 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 you must choose from six or eight possible pieces to complete it. Your task is to identify the correct piece that fits perfectly into the given pattern.
</p>
    <p style="text-align:justify">
For example, you may be shown a specific pattern and asked to select one of eight possible pieces that complete it. In the example provided, 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 %}