{% 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 1 </b></p>

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

<p><b>Your answer</b>: {{ player.practice1 }} </p>
<p><b>Solution</b>: e </p>
<p><b>Explanation</b>: Note that all the images in the puzzle have the same marker inside the square,
therefore the correct answer must be one of "c", "e", or "f". </p>

<p>Since all the images in the puzzle are of the same size and have grey triangles in the four corners,
    options "c" and "f" are incorrect. </P>

<p>Hence, the correct answer is "e". </p>

<br>

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

{% endblock %}