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

{% block title %}
<h3 class="panel-sub-heading">
        <div align="center">
        <strong>Game Rules</strong></span><p></p>
        </div>
    </h3>
{% endblock %}

{% block content %}

<hr style="border: 1.5px dashed black;" />
<p style="text-align: center;"><span style="font-size: large; color: #000000;"><span style="color: #993366;"><span style="color: #000000;">Here is another example:</span></span></span></p>
<p style="text-align: center;"><span style="font-size: large; color: #000000;"><span style="color: #993366;"><span style="color: #000000;">Imagine Player 1, 2 and 3 all contribute 100 points to the Group Project, <strong>but Player 4 contributes 0 points to the Group Project.</strong></span></span></span></p>
<p style="text-align: center;"><img src="https://i.imgur.com/Qdksejl.png" alt="" /></p>
<center><hr style="border: 1.5px dashed black;" /></center>
    {% next_button %}

{% endblock %}