<!-- 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="<b>{{term1}}</b> is/was a top member/employee of <b>{{term2}}</b>"> <cml:radio label="<b>TRUE</b>" /> <cml:radio label="<b>FALSE</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}}" />