<form>
<span class="mee-description">
    *You need permission from your parent/guardian to register. Please ask them to complete the form.
  </span></form>

<form>
  <div class="mee-form-header">
    <div class="{$modifiers}">Registration form</div>
  </div>
</form>

<form><div class="mee-form-footer">
    By selecting Submit you are agreeing to the <a href="#">Terms of Use</a>.
    This is our <a href="#">Privacy Policy</a> and <a href="#">Terms and Conditions</a>.
  </div></form>

<form class="mee-small-form">
  <div class="mee-form-header">Registration form</div>
  <div class="mee-form-footer">
    By selecting Submit you are agreeing to the <a href="#">Terms of Use</a>.
    This is our <a href="#">Privacy Policy</a> and <a href="#">Terms and Conditions</a>.
  </div></form>

<a class="{$modifiers}">Sample</sample>

<form><label class="mee-checbox-label"><input name="checkbox" type="checkbox"> An example checbox</label></form>

<form><label>Text field</label><input placeholder="Placeholder text" type="text"></form>

<form><label>Text field</label><input type="date"></form>

<form><input class="{$modifiers}" type="submit"></form>

<form>
  <div class="mee-select {$modifiers}">
    <select>
      <option value="1">Option one</option>
      <option value="2">Option two</option>
      <option value="3">Option three</option>
    </select>
  </div>
</form>
<form class="mee-purple-bg" style="padding:10px;">
  <div class="mee-select {$modifiers}">
    <select>
      <option value="1">Option one</option>
      <option value="2">Option two</option>
      <option value="3">Option three</option>
    </select>
  </div>
</form>

<form><textarea></textarea></form>