<footer class="footer">
  <div class="container">
    <div class="row align-items-center flex-row-reverse">
      <div class="col-auto ml-lg-auto">
        <div class="row align-items-center">
          <div class="col-auto">
            <ul class="list-inline list-inline-dots mb-0">
              <li class="list-inline-item"><a href="https://simplelogin.io" target="_blank">
                Website <i class="fe fe-external-link"></i>
              </a></li>
              <li class="list-inline-item"><a href="https://trello.com/b/4d6A69I4/open-roadmap" target="_blank">
                Feature Requests <i class="fe fe-external-link"></i>
              </a></li>
              <li class="list-inline-item"><a href="https://docs.simplelogin.io" target="_blank">
                Dev Documentation <i class="fe fe-external-link"></i>
              </a></li>
              <li class="list-inline-item"><a href="https://status.simplelogin.io" target="_blank">
                Uptime <i class="fe fe-external-link"></i>
              </a></li>
              <li class="list-inline-item"><a href="mailto:hi@simplelogin.io">Contact Us
                <i class="fe fe-external-link"></i></a></li>
              <li class="list-inline-item intro-step-0">
                <a onclick="startIntro()"
                   data-intro="Welcome to SimpleLogin! <br><br>
  It seems that this is the first time you are here,
  let's walk through some SimpleLogin features together! <br><br>
             You can always show this tutorial again any time by clicking on this <i class='fe fe-help-circle'></i> icon below 👇"
                   data-step="1"
                ><i class="fe fe-help-circle"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
        Copyright © {{ YEAR }}
        <a href="https://simplelogin.io" target="_blank">SimpleLogin
        </a>.
        All rights reserved.
      </div>
    </div>
  </div>
</footer>