Statuspal Custom Header & Footer Example

readme.md

This is an example of custom header and footer for Statuspal.

custom_footer.html

<footer class="footer">
  <div class="container">
    <a href="https://your-company.com">Your Company</a>
    <a href="https://your-company.com/help">Help</a>

    {{lang_selector}}

    <a href="https://statuspal.io" class="powered-by" target="_blank">Statuspal.io</a>
  </div>
</footer>

custom_header.html

<header>
  <div class="container">
    <div class="brand-name-container">
      <a class="brand-name" href="/"> YourCompany Status</a>
    </div>

    <div class="menu-items">
      <a href="http://some-site.com">My link 1</a>
      {{subscribe_button}}
    </div>
  </div>
</header>