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

{% block styles %}
    <style type="text/css">
       ul {
           margin: 20px 0;
       }
       button {
           margin-top: 20px;
       }
    </style>
{% endblock %}  


{% block content %}
<div>

    In dieser Studie stellen wir Ihnen eine Webseite vor. Die Webseite enthält 12 Nachrichtenartikel aus den folgenden Kategorien:
    <ul>
        <li>Unterhaltung</li>
        <li>Sport</li>
        <li>Essen & Trinken</li>
        <li>Karriere</li>
    </ul>
    Alle Nachrichtenartikel haben in etwa die gleiche Länge.
</div>
<div>
    Im Folgenden haben Sie die Möglichkeit, die Webseite zu nutzen. Dabei können Sie ein Angebot an Nachrichtenartikeln lesen und bewerten. Anschließend befragen wir Sie zu Ihrer Wahrnehmung der Webseite und des Angebots an Nachrichtenartikeln. Sie können zu jedem Zeitpunkt zur Befragung wechseln, wenn Sie keine weiteren Nachrichtenartikel lesen möchten.
</div>

<button class="otree-btn-next btn btn-primary">Weiter</button>




{% endblock %}