<?php require "includes/header.php"; ?>

    <div class="hero-wrap js-fullheight" style="background-image: url('<?php echo APPURL; ?>/images/hotel-bg.jpg');" data-stellar-background-ratio="0.5">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center" data-scrollax-parent="true">
          <div class="col-md-9 text-center ftco-animate">
            <h1 class="mb-0" style="font-size: 150px; font-weight: 900; color: #fff; opacity: 0.2; line-height: 1;">404</h1>
            <h2 style="margin-top: -60px; color: #fff;">Page Not Found</h2>
            <p style="color: rgba(255,255,255,0.8);" class="mb-4">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
            <p><a href="<?php echo APPURL; ?>" class="btn btn-primary px-4 py-3">Go Back Home</a></p>
          </div>
        </div>
      </div>
    </div>

<?php require "includes/footer.php"; ?>

