<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      /* Email styles need to be inline */
    </style>
  </head>

  <body>
    <body>
   <div id="root" class="root">
      <a href="https://siter.io/" class="logo">siter.io</a>
      <div resize="height" class="login-wrapper">
         <div class="inline-wrapper">
           <div class="login__form">
              <h1>Oops!</h1>
              <h4>Page not found!</h4>
              <div class="error-description">Sorry, but site owners did not make this page</div>
           </div>
         </div>
      </div>
      <div class="footer-links">
        <a class="footer-links__item" aria-current="false" href="https://siter.io/">Home</a>
        <a class="footer-links__item" aria-current="false" target="blank" href="https://siter.io/terms">Terms &amp; Conditions</a>
        <a class="footer-links__item" aria-current="false" target="blank" href="https://siter.io/privacy">Privacy Policy</a>
        <a class="footer-links__item" aria-current="false" href="https://siter.io/">Help</a>
        <a class="footer-links__item" aria-current="false" href="https://app.siter.io/">Login</a>
      </div>
   </div>
  <style>
    @import url(https://fonts.googleapis.com/css?family=Inter:400,500,700,800);
    .logo {
      font-size: 21px;
      font-weight: 800;
      color: inherit;
      text-decoration: none;
      position: relative;
      z-index: 1;
    }
    .button {
      border-radius: 4px;
      font-size: 15px;
      border: 0px;
      text-align: center;
      padding: 9px 21px;
      -webkit-transition: background-color 0.15s;
      text-decoration: none;
      padding: 16px 28px;
    }
    .button_blue {
      background-color: #1A6BE8;
      color: white;
      -webkit-transition: background-color 0.15s;
    }
    .buttons {
      margin-top: 30px;
    }
    .button_black {
      color: #fff;
      background-color: #2D2D2D;
      -webkit-transition: background-color 0.15s;
    }
    .button_black:hover {
      background-color: #474747;
    }
    .button_black:active {
      background-color: #2D2D2D;
    }
    .button_blue:hover {
      background-color: #4788EC;
    }
    .button_blue:active {
      background-color: #1760D0;
      color: #D0DFF5; }
    .button_blue:active img, .button_blue:active svg {
      opacity: 0.7;
    }

    .login-wrapper {
      height: 100%;
      min-height: 600px;
      text-align: center;
      margin-top: -72px;
    }
    h1 {
      font-size: 144px;
      font-weight: 800;
      margin: 0;
    }
    h4 {
      margin: 0;
      font-weight: bold;
      font-size: 18px;
      line-height: 26px;
      margin-top: 27px;
      width: 407px;
      display: inline-block;
    }
    .error-description {
      font-size: 13px;
      max-width: 309px;
      margin: 0 auto;
      margin-top: 21px;
      color: #4F4F4F;
      line-height: 150%;
    }
    .login-wrapper:before {
      display: inline-block;
      height: 100%;
      content: '';
      vertical-align: middle;
    }
    .inline-wrapper {
      display: inline-block;
      vertical-align: middle;
    }
    .login__form {
      width: 540px;
      margin: 0 auto 22px;
      z-index: 2;
      position: relative;
    }
    .root {
      height: 100%;
      text-align: center;
    }
    .footer-links {
      position: fixed;
      width: 100%;
      left: 0;
      text-align: center;
      bottom: 30px;
    }
    .footer-links__item {
      color: #828282;
      font-size: 13px;
      margin-right: 50px;
      text-decoration: none;
      margin-bottom: 30px;
    }
    .footer-links__item:last-child {
      margin-right: 0px;
    }
    html, body {
      height: 100%;
      margin: 0;
      border: 0;
      padding: 0;
      font-family: "Inter";
      background-color: #F9F9F9;
      color: #333333;
    }
    body {
      padding: 25px;
    }
    *, *:after, *::before {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
  </style>

  <script type="text/javascript">
  window.addEventListener('message', (event) => {
    const errorName = "page_not_found";
    event.source.postMessage(errorName, '*');
  });
  </script>
</body>

  </body>
</html>
