{% 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> Please select an image that fits the pattern. </p>

<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%" />

{% formfields %}

<p> <br></p>

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