<div class="container-sm mt-3">
    <div class="alert alert-info" role="alert">
    This site is still under construction, so don't be surprised if things look a little different from the examples below. 
    </div>
  <h2 class="mt-4">How to Use This Site</h2>
  <p class="mt-4">Here are a few visual aids to help you learn the basics of using this site.</p>

  <h3 class="mt-4 mb-3">Video tutorial</h3>
    <video controls="controls" src="//btr.mrgreekgeek.com/btr_getting_started-new.mp4" class="help-video" poster="/assets/images/vid-thumb.jpg">
    Your browser does not support the HTML5 Video element.
    </video>

  <h3 class="mt-4 mb-3">Screenshots</h3>
    <p>(Click the image to open large in a new tab.)</p>
      <picture>
        <source media="(min-width: 991.97px)" srcset="/assets/images/btr-help-image.jpg">
        <source media="(max-width: 991.98px)" srcset="/assets/images/BTR-mobile-help.jpg">
        <img src="/assets/images/btr-help-image.jpg" class="help-img img-fluid">
      </picture>

</div>