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

{% block title %}
    Short Introduction
{% endblock %}

{% block content %}

    <p>
        <em >In the following sections you will be introduced to a scenario.<br>
        There will be a few short questionnaires that we kindly ask you to answer as truthfully as possible.<br>
        </em>

    </p>

    <div class="media">
      <img class="align-self-center mr-3" src="{% static 'global/OfficeTable.jpg' %}" width="500" alt="Generic placeholder image">
      <div class="media-body">
        <h5 class="mt-0"><b>Setting</b></h5>
        <p>
            <big>
                Imagine you are working at a well-known publishing company called <b>"Zebra-Readerz"</b>. <br>
                You are in a <b>team of five people</b> in order to work on a new project within the company.

            </big>
        </p>

      </div>
    </div>
<br><br><br>

    {% next_button %}
{% endblock %}