<!-- Main container -->
<div class="container">

  <!-- Ordered list that hold the steps -->
  <ol>
    
    <!-- Step 1: Text -->
    <li>
      <h2>Read the following text:</h2>
  
      <div id="text_container" class="passage word_split">
          {{sentence}}
      </div>
      <br/>
    </li>
    
    <!-- Step 2: Selectable snipptes list -->
    <li>
      <div class="snippet_container">
        
        <h2>Given the sentence above, is the statement below 
          <b>TRUE</b> or 
          <b>FALSE</b>: 
        </h2>
        
        <div id="text_container">
          
        </div>
        
        <cml:radios label="&lt;b>{{term1}}&lt;/b> is/was a top member/employee of &lt;b>{{term2}}&lt;/b>"> 
          <cml:radio label="&lt;b>TRUE&lt;/b>" /> 
          <cml:radio label="&lt;b>FALSE&lt;/b>" /> 
        </cml:radios>

        
        
       
      </div>
    </li>
 
    <!-- Pre submit row; required so the last number is displayed, 
         The submitactions are contained in the CrowdFlower .form-actions element
    -->
    <br/>
    <li>
      <h2>Submit your result: </h2>
    </li>
  </ol>
  
  <!-- Additional fields -->
  
  <cml:hidden name="relations" value="" validates="required" />
  <cml:hidden name="explanation" value="" validates="required" />

</div>

<cml:hidden name="factor1" value="{{term1}}" />
<cml:hidden name="b1val" value="{{b1}}" />
<cml:hidden name="e1val" value="{{e1}}" />
<cml:hidden name="factor2" value="{{term2}}" />
<cml:hidden name="b2val" value="{{b2}}" />
<cml:hidden name="e2val" value="{{e2}}" />