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

{% block title %}

{% endblock %}

{% block content %}

<style>
img {
  float: right;
}
.clearfix {
  overflow: auto;
}
</style>


<h1 align=center><font color="blue">Period 2 Rules</font></H1>
<h3 align=center><font color="blue">(Depend on who wins in Period 1)</font></H3>
<font size="4">
<div class="clearfix" style="border: thin solid black">
<br><img src="{% static "global/R1.png" %}" style="width:280px;height:200px;margin-left:5px;" />
  <ul>
      <li>If A wins in period 1, then period 2 rules are same as period 1 rules.
        <ul>
            <li>Every point that B bids, the computer puts 1 'B' ball in the Bid Bag.</li>
            <li>Every point that A bids, the computer puts 3 'A' balls in the Bid Bag.</li>
        </ul>
    </li>
 </ul>
</div>
<div class="clearfix" style="border: thin solid black">
<br><img src="{% static "global/R2.png" %}" style="width:280px;height:200px;margin-left:5px;" />
  <ul>
      <li>If B wins in period 1, then in Period 2 :
        <ul>
            <li>Every point that B bids, the computer puts 1 'B' ball in the Bid Bag.</li>
            <li>Every point that A bids, the computer puts 1 'A' ball in the Bid Bag.</li>
        </ul>
    </li>
 </ul>
</div>
<br>
    <br></font>
    {% next_button %}

{% endblock %}