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

{% block title %}
   Part 3 
{% endblock %}

{% block content %}

<div class="boxed">

<table>
  <col width="400">
  
  <col width="400">
  

    <tr>
        <td><img src="{% static "gambling/1.png" %}" width="500" height="500" /></td>
        
        <td>   
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_1.0 }}  {{ form.raven_1.1 }} {{ form.raven_1.2 }} {{ form.raven_1.3 }}</p>
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_1.4 }}  {{ form.raven_1.5 }} {{ form.raven_1.6 }} {{ form.raven_1.7 }}</p>
            
        </td>
        
    </tr>
   
    <tr>
        <td><img src="{% static "gambling/2.png" %}" width="500" height="500" /></td>
        
        <td>   
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_2.0 }}  {{ form.raven_2.1 }} {{ form.raven_2.2 }} {{ form.raven_2.3 }}</p>
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_2.4 }}  {{ form.raven_2.5 }} {{ form.raven_2.6 }} {{ form.raven_2.7 }}</p>
            
        </td>
        
    </tr>
    
        <tr>
        <td><img src="{% static "gambling/3.png" %}" width="500" height="500" /></td>
        
        <td>   
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_3.0 }}  {{ form.raven_3.1 }} {{ form.raven_3.2 }} {{ form.raven_3.3 }}</p>
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_3.4 }}  {{ form.raven_3.5 }} {{ form.raven_3.6 }} {{ form.raven_3.7 }}</p>
            
        </td>
        
    </tr>
    
        <tr>
        <td><img src="{% static "gambling/4.png" %}" width="500" height="300" /></td>
        
        <td>   
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_4.0 }}  {{ form.raven_4.1 }} {{ form.raven_4.2 }} {{ form.raven_4.3 }} {{ form.raven_4.4 }} </p>
            
        </td>
        
    </tr>
    
        <tr>
        <td><img src="{% static "gambling/5.png" %}" width="500" height="300" /></td>
        
        <td>   
            <p style="word-spacing: 50px; text-align: center;">{{ form.raven_5.0 }}  {{ form.raven_5.1 }} {{ form.raven_5.2 }} {{ form.raven_5.3 }} {{ form.raven_5.4 }} </p>
        
        </td>
        
    </tr>
    
       
  

</table>



</div>
    
  <div align="right">  
   {% next_button %}
   
    </div> 
    
    
    
{% endblock %}
 



{% block styles %}


<style>
       
 
</style>



{% endblock %}