{% block content %}
{% load otree static %}

<h1>Instructions</h1>

<div class="container p-3 my-3 border" style="font-size:12pt">
  <h2> <span style="font-size:18pt">Final Instructions</span> </h2>

<img src="{% static 'ExampleSituation_filled.png' %}" width="750" height="300">


        <p>  In the next page you will read one situation. You will then indicate your appropriateness
            rating by placing a check mark in the corresponding box.
            <br>
            <br>
            For this situation, we will randomly select one of the possible choices that Individual A could
            make. For the choice
            selected, we will determine which response was selected by most people. <b>If you give
            the same response as the most frequently given by other people, and you are the participant selected for
                receiving the bonus, then you will receive an
            additional $y</b>. This amount will be paid to you after the experiment. For instance, if the situation
            you will have to rate was the same as the example situation above, the selected choice was
            "Leave the wallet
            where it is," and your
            response was "somewhat socially inappropriate," then you would receive $y, in addition to the
            $x participation fee, if this was the response selected by most other people that participated in
            the survey, and you were the participant selected for bonus.
            Otherwise, you would receive only the $x participation fee.

     </p>

<button name="btn_submit" value="True" class="btn btn-primary" style="float: right;">
         <span style="font-size:14pt">Next</span>
     </button>

</div>
{% endblock %}