apply.html

<style>
  div.application {
    margin-left: 20;
    font-size: 20px;
  }
</style>

<div align="right">
  Your Name
  <img style="height:20; vertical-align:middle" src="https://cloud.githubusercontent.com/assets/5824733/4264765/740df80e-3c32-11e4-9419-e6e884083bfa.png">
</div>
<hr>
<div class="application">
I agree to the Tree of Life code of conduct:

<form name="form1" onsubmit="return validateForm()" method="link" action="tol.html">
<input type="checkbox" name="n1" value="v1">
  I will use this data for good.<br>
</input>

<input type="checkbox" name="n2" value="v2">
I will not try to re-identify any of the data donors.<br>
</input>

<input type="checkbox" name="n3" value="v3">
I will not share this data with anyone who doesn't already have access.<br>
</input>

<input type="submit" value"Apply"</input>

</form>
</div>

<script>
  function validateForm() {
    var c1 = document.forms["form1"]["n1"].checked;
    var c2 = document.forms["form1"]["n2"].checked;
    var c3 = document.forms["form1"]["n3"].checked;
    if (! (c1 && c2 && c3)) {
        alert("You need to agree to all of the terms.");
        return false;
    }
    alert("Welcome aboard! Happy discovering.")
    return true;
}
</script>