<main class="np-main np-homepage">
  {% include 'hero_image', image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/terminus-LMS-academy-2+login+header.jpg" %}
  <div class="np-homepage-featured np-max-width">
    <div class="np-homepage-featured-text">
      <div class="np-homepage-headline">
        A Curated Learning Experience
      </div>
      <div class="np-homepage-subheadline" style="font-weight:300">
        Terminus Academy is more than just an e-learning platform. We've designed curated learning experiences for our unique audiences to help you build, operate, and measure go-to-market strategies at scale, and allow you to level up your expertise at your own pace.
        <br><br>
        <span style="color: #0098cd; font-weight: bold;">To get started in the Academy, please choose the appropriate sign in option below.</span>
      </div>
    </div>
    {% capture login_path %}{% route login %}{% endcapture %}
    <div class="np-homepage-featured-courses row">
      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
        {%
          include "cards_school",
          image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Customer+Login+Image.jpg",
          school_name: "Customer Login",
          school_url: "https://cherrill-hartman-s-school-8121.northpass.com/learners/sign_in"
        %}
      </div>
      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
        {%
          include "cards_school",
          image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Employee+Login+Image.jpg",
          school_name: "Employee Login",
          school_url: login_path
        %}
      </div>
      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" style="margin-bottom: 20px;">
        {%
          include "cards_school",
          image_url: "https://s3.amazonaws.com/static.northpass.com/Terminus/Partner+Login+Image.jpg",
          school_name: "Partners Login",
          school_url: "https://cherrill-hartman-s-school.northpass.com/learners/sign_in"
        %}
      </div>
    </div>
  </div>
  {% include 'public_banner' %}
</main>

<style>
  .np-sub-navigation {
    margin-bottom: 0;
  }

  .np-card-image {
    height: 250px;
    object-fit: cover;
    object-position: 25% 25%;
  }

  .arrow-in-button {
    margin-left: 5px;
  }

  .cards-school-button {
    color: #1b3e4f;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .np-homepage-featured .np-homepage-headline,
  .np-homepage-featured .np-homepage-subheadline {
    color: #000;
    font-weight: 500;
  }

  .np-homepage-featured .np-homepage-subheadline {
    line-height: 1.75rem;
    color: #0f2d52;
    font-family: 'Avenir';
  }

  .np-homepage-featured .np-homepage-headline {
    font-size: 3rem;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
  }

  @media (min-width: 768px) {
    .np-homepage-featured-text {
      padding: 0 15vw 36px 15vw;
    }
  }
</style>
