frontend/src/views/web/challenge/terms-and-conditions.html
<section>
<div class="ev-md-container ev-challenge-view">
<div class="row margin-bottom-cancel">
<div class="col s12 m11 l11">
<h5 class="w-300">Terms and Conditions</h5>
</div>
</div>
<div class="row">
<div class="col s12">
<div mathjax-bind="challenge.page.terms_and_conditions" class="fs-16 w-300 terms-and-conditions"></div>
</div>
<form name="acceptTermsAndConditionsForm">
<input type="checkbox" class="filled-in fs-14" ng-model="challenge.termsAndConditions"
id="terms_and_conditions">
<label for="terms_and_conditions" class="fs-14 w-300">I accept the terms and conditions</label>
<ul class="inline-list pointer">
<li><a class="dark-link" type="button"
ng-click="challenge.acceptTermsAndConditions(false)"><strong>Cancel</strong>
</a>
</li>
<li><button ng-disabled="!challenge.termsAndConditions"
class="btn ev-btn-dark waves-effect waves-dark grad-btn grad-btn-dark fs-16" type="submit"
ng-click="challenge.acceptTermsAndConditions(true)" value="Submit">Participate
</button>
</li>
</ul>
</form>
</div>
</div>
</section>