﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>

    <!-- @DennisTang: Needs to sort out header and add to global header -->
    <link rel="stylesheet" href="/css/app.css" />


    <script type="text/javascript" src="//use.typekit.net/zjj2gkk.js"> </script>
    <script type="text/javascript"> try {
      Typekit.load();
    } catch(e) {
    } </script>

    <script src="/js/vendor/jquery.js"> </script>
    <script src="/js/vendor/jquery.bxslider.js"> </script>

    <script type="text/javascript">
      $(document).ready(function() {
        $('.js-gallery').bxSlider();

        $('.js-content-slider').bxSlider({
          minSlides: 1,
          maxSlides: 3,
          slideWidth: 320,
          slideMargin: 0,
          controls: false,
          auto: true
        });

      });
    </script>

  </head>
  <body style="overflow: auto;">

    <!-- @Matt and @Dan: Actual template starts here, plz keep section comments -->

    <!-- section start: full width image with error message -->
    <section class="error-page">
      <figure>
        <img src="/assets/images/template/error-image.jpg" alt="" />
        <div class="err-header">
          <h1>WHOOOOPS!</h1>
          <p>We have had a problem</p>
        </div>
      </figure>
    </section>
    <!-- section end: full width image with error message -->

    <!-- section start: error message -->
    <section class="error-page">
      <div class="err-message">
        <p>Check out some of this great content or go <a href="javascript:history.back()" title="back to the previous page">back to the previous page</a></p>
      </div>
    </section>
    <!-- section end: error message -->

    <!-- template ends here -->

  </body>
</html>