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


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


{% block title %}
<center>
    PART 1 - INSTRUCTIONS
</center>
{% endblock %}

{% block content %}

<div class="consigne_dotation" style="font-size:17px;">

    <div class="content-section">
        <p>In this first part of the study, you are asked to <span class="bold">select the charity you would most likely donate to</span> out of the five presented. 
            You will find the name and a brief description of each charity on the following page. Please consider your charity choice carefully as it will have an 
            <span class="bold">impact on the study</span> as the chosen charity will be used as the <span class="bold">payoff recipient</span> of options you will 
            encounter in the following parts and thus you could potentially raise money for this charity (which we pledge to donate).</p>
        <p>Once you have selected a charity, click on the <kbd>Next</kbd> button.</p>
      </div>
    
</div>

<center>
                    
    <button class="blue-button">NEXT</button>
    
</center>

{% endblock %}