<style>
  div.cards__card {
    height: 200px;
    width: 300px;
  }
  div.cards {
    width: 100%;
    max-width: 1000px;
  }
  div.cards a:hover, .cards a:focus {
    text-decoration: none
  }
  div.cards a:focus {
    outline: none;
  }
  div.cards a:focus .cardad {
    border-color: #3572b0
  }
  div.cards a:hover h3 {
	color: #ff5412
  }
</style>
<div class="cards">
<a href="https://wiki.agiloft.com/display/HELP">
    <div class="cards__card cardad">
      <i class="fa fa-lightbulb-o fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Help Guide</h3>
      <p>The Help reference topics cover how the Agiloft platform works. Learn about all the features you can incorporate into your Knowledgebase.</p>
    </div>
  </a>
<a href="https://wiki.agiloft.com/display/HELP/What%27s+New">
<div class="cards__card cardad">
      <i class="fa fa-bullhorn fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">What's New</h3>
      <p>Learn about the latest features and enhancements available by upgrading to the latest version of Agiloft.</p>
    </div></a>
  <a href="https://wiki.agiloft.com/display/SA/">
    <div class="cards__card cardad">
      <i class="fa fa-database fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">System Administration</h3>
      <p>Find installation instructions and other help topics for managing your Agiloft server.</p>
    </div>
  </a>
  <a href="https://wiki.agiloft.com/display/HELP/Developer+Guide">
    <div class="cards__card cardad">
      <i class="fa fa-code fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Developers</h3>
      <p>API reference docs for SOAP, REST, and Syncing with external systems.</p>
    </div>
  </a>
  <a href="https://wiki.agiloft.com/display/HELP/Design+Articles">
    <div class="cards__card cardad">
      <i class="fa fa-puzzle-piece fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Design Articles</h3>
      <p>The design articles show how we solve more in-depth implementation challenges.</p>
    </div>
  </a>
  <a href="https://wiki.agiloft.com/display/SD/">
    <div class="cards__card cardad">
      <i class="fa fa-map-o fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Standard System Documentation</h3>
      <p>A reference guide to the key features of our standard knowledgebase.</p>
    </div>
  </a>
<a href="https://wiki.agiloft.com/display/ID">
    <div class="cards__card cardad">
      <i class="fa fa-map fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">ITIL Documentation</h3>
      <p>A detailed guide to our knowledgebase based on ITIL best practices, certified by Pink Elephant on 11 processes.</p>
    </div>
  </a>
<a href="https://wiki.agiloft.com/display/HELP/Additional+Documentation">
    <div class="cards__card cardad">
      <i class="fa fa-clipboard fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Additional Documentation</h3>
      <p>Find links to datasheets, case studies, release notes, and other docs to help you get the most out of your system.</p>
    </div>
  </a>
  <a href="https://www.youtube.com/playlist?list=PLUv2uG0BPuHbMIm23SCBFWN0oMO5gSBDi" target="_blank">
    <div class="cards__card cardad">
      <i class="fa fa-play-circle-o fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Tutorial Videos</h3>
      <p>Watch short videos to learn about searching, relationship diagrams, and more.</p>
    </div>
  </a>

  <a href="https://www.agiloft.com/support-login.htm" target="_blank">
    <div class="cards__card cardad">
      <i class="fa fa-commenting-o fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Get Support</h3>
      <p>To submit a support ticket, log into the Agiloft portal.</p>
    </div>
  </a>
 <a href="https://wiki.agiloft.com/x/BAbdCg">
    <div class="cards__card cardad">
      <i class="fa fa-list-alt fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Release Notes</h3>
      <p>Catch up on the latest changes to Agiloft.</p>
    </div>
  </a>
  <a href="https://wiki.agiloft.com/display/HELP/Training+Information">
    <div class="cards__card cardad">
      <i class="fa fa-rocket fa-3x" aria-hidden="true"></i>
      <h3 id="galleryh3">Training Information</h3>
      <p>Learn about our free online training course.</p>
    </div>
  </a>
</div>