<?php
/* panel for toggles tutorials */
?>
<div class="container">
  <div class="row">
    <div class="columns one-third">
      <div class="iframe">
        <iframe src="https://www.youtube-nocookie.com/embed/p-N3tKRXjL4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      <h3>
        Section forms or create optional toggled sections.  Group toggle sections for either/or scenarios
      </h3>
      <ul>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=200s">00:03:20</a><span> - Sectioning your form</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=685s">00:11:25</a><span> - toggling optional sections</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=873s">00:14:33</a><span> - grouping toggled sections as either/or</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=1075s">00:17:55</a><span> - customising toggle switch labels</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=1175s">00:19:35</a><span> - styling custom toggles</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=1865s">00:31:05</a><span> - toggle usage in notification mails</span></li>
        <li><a href="https://www.youtube.com/watch?v=p-N3tKRXjL4&amp;t=2000s">00:33:20</a><span> - optional grouped toggles</span></li>
      </ul>
    </div>
    <div class="columns one-third">
    </div>
  </div>
</div>
