<!doctype html> <html lang=“{{ site.lang | default: ”en-US“ }}”>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  {% seo %}
  <link rel="stylesheet" href="{{ '/assets/css/foundation.min.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
  <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
  <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
  <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <!--[if lt IE 8]>
  <link rel="stylesheet" href="{{ '/assets/css/ie.css' | relative_url }}">
  <![endif]-->
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>

<header>
  <div class="grid-container">
    <div class="grid-x align-middle">
      <div class="cell small-12 medium-auto">
        <img src="{{ '/assets/images/hayspec.svg' | relative_url }}"/>
      </div>

      <div class="cell small-12 medium-7">
        <ul class="menu">
          <li><a href="#what-is-hayspec">What's Hayspec?</a></li>
          <li><a href="#getting-started">Get Started</a></li>
          <li><a href="#features">Features</a></li>
          <li><a href="{{ site.github.repository_url }}">View on Github <img class="icon" src="{{ '/assets/images/icon-github.svg' | relative_url }}"/></a>        </li>
        </ul>
      </div>
    </div>

    <div class="grid-x intro align-center">
      <div class="cell small-12 medium-10 large-8">
        <strong>hayspec</strong> – a magic-free framework for testing 
        JavaScript and NodeJS applications.
      </div>
    </div>

    <div class="grid-x grid-margin-x grid-margin-y align-center">
      <div class="cell small-12 medium-6">{% include_relative assets/images/ide.svg %}</div>
      <div class="cell small-12 medium-6 ">{% include_relative assets/images/bash.svg %}</div>
    </div>
  </div>
</header>

<div class="grid-container">
  <div class="grid-x">
    <div class="cell small-12 medium-10 medium-offset-1 large-8 large-offset-2">
      {{ content }}
    </div>
  </div>
</div>

<footer>
  <div class="grid-container">
    <div class="grid-x grid-margin-x">
      <div class="cell small-12 medium-2">
        <img src="{{ '/assets/images/hayspec.svg' | relative_url }}"/>
      </div>
      <div class="cell small-12 medium-auto">
        <ul class="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#what-is-hayspec">What's Hayspec?</a></li>
          <li><a href="#getting-started">Get Started</a></li>
          <li><a href="#features">Features</a></li>
          <li><a href="{{ site.github.repository_url }}">View on Github</a></li>
        </ul>
      </div>

      <div class="cell small-12 medium-5 text-right">
        <a href="mailto:info@hayspec.io">info@hayspec.io</a><br/>
        Copyright © 2018 hayspec, All rights reserved.
      </div>
    </div>
  </div>
</footer>

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', '{{ site.google_analytics }}', 'auto');
    ga('send', 'pageview');
  </script>

</body>

</html>