{% extends "global/Base.html" %}
{% load staticfiles otree %}
{% load i18n %}


{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'bret/css/custom.css' %}" rel="stylesheet"/>
{% endblock %}

{% block title %}任务 1：介绍{% endblock %}

{% block content %}
    <div class="instructions" style="font-size:16px;text-align:left">
        <P> 此部分测试包含 <strong>12个</strong> 如下所示的图形，每个图形由 3x3 个不同的图案组成，其中最后一个图案是空白的。
            这些图案每行/列都是按照一定的规则排列的。您的任务就是找出最适合填补空白处的图案。
        </P>
        <p>
            您一共有 <strong>6分钟</strong> 来完成这部分测试。每答对一道题，您即可获得额外 <strong>￥{{Constants.payment_for_raven}} RMB</strong>
        </P>
        <br>
        <div style="text-align:center">
        <p>示例图形：</p>
        </div>

    <div style="text-align:center">
    <img src="{% static "ravens_test/example.jpg" %}" height="220" width="235"/>
    </div>

    </div>

<br>
<div style="text-align:center">
<p><input class="btn btn-primary btn-large btn-primary next-button" type="submit" value="开始"></p>
</div>

{% endblock %}