<div class="row additional-resources">
  <a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/blog/">
    <div class="additional-resource-container">
      <img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-blog-1200x768.jpg" alt="">
      <div class="resource-title">Access the Terminus Blog >></div>
      <div class="resource-subtitle">Read the latest from the Go-To-Market Experts.</div>
    </div>
  </a>
  <a class="col-sm-12 col-md-4 additional-resource" href="https://terminus.com/terminus-rock-stars/">
    <div class="additional-resource-container">
      <img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-rockstars-1200x768.jpg" alt="">
      <div class="resource-title">Become a Terminus Rockstar >></div>
      <div class="resource-subtitle">Get your backstage pass to networking events, share your success, and be rewarded.</div>
    </div>
  </a>
  <a class="col-sm-12 col-md-4 additional-resource" href="https://support.terminus.com/hc/en-us">
    <div class="additional-resource-container">
      <img class="resource-image" src="https://s3.amazonaws.com/static.northpass.com/Terminus/LMS-TERMINUS-knowledge-base-1200x768.jpg" alt="">
      <div class="resource-title">Search the Knowledge Base >></div>
      <div class="resource-subtitle">Unlock additional product guides and help articles</div>
    </div>
  </a>
</div>

<style>
  .additional-resources * {
    text-decoration: none;
  }

  .additional-resource {
    margin-bottom: 10px;
    position: relative;
  }

  .additional-resource-container {
    background-color: #025589;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    text-align: center;
    border-radius: 10px;
  }

  .resource-image {
    width: 100%;
    margin-bottom: 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  .resource-title, .resource-subtitle {
    min-height: 40px;
    color: #fff;
    margin-bottom: 20px;
    padding: 0 10px;
  }

  .resource-title {
    font-weight: 600;
    font-size: 20px;
  }
</style>