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

{% block title %}
Part 1 - Practice Round
{% endblock %}

{% block styles %}

<link href="{% static 'css/PracticePages.css' %}" rel="stylesheet">

{% endblock %}

{% block content %}
<hr>
<br>
<p> <b>Puzzle 2 </b></p>

<img src="{% static "Practice/Practice2_q.jpg" %}" style="width:50%" />
<img src="{% static "Practice/Practice2_s.jpg" %}" style="width:46.3%" />

<p><b>Your answer</b>: {{ player.practice2 }} </p>
<p><b>Solution</b>: e </p>
<p><b>Explanation</b>: In this puzzle, all the images have the same size, and the markers inside the square all have the same shape and colour.
    Hence, the correct answer must be either "a", "e", or "f".
</p>

<p>
    Within each column, the markers inside the square are oriented in the same way.
    Hence, image "f" is incorrect.
</p>
<p>
    Within each row, the markers in the four corners are the same.
    Hence, option "a" is incorrect.
</p>


<br>

<button class="otree-btn-next btn btn-primary" style="float: right;">Next</button>
<br><br>

{% endblock %}