<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">
  <div class="cards__card cardad">
  <a href="https://resource.agiloft.com/data-sheets" target="_blank"><i class="fa fa-clipboard fa-5x" aria-hidden="true"></i>
<h3 id="galleryh3">Data Sheets</h3></a>
<p>One-page PDF fact sheets for Agiloft applications and features to download, print and share.</p>
  </div>
  <div class="cards__card cardad">
  <a href="https://resource.agiloft.com/white-papers" target="_blank"><i class="fa fa-file-text-o fa-5x" aria-hidden="true"></i>
<h3 id="galleryh3">White Papers</h3></a>
<p>White papers provide advice and information on a variety of subjects.</p>
  </div>
  <div class="cards__card cardad"> 
   <a href="https://wiki.agiloft.com/display/HELP/Agiloft+Sub-processors"><i class="fa fa-building fa-5x" aria-hidden="true"></i> 
<h3 id="galleryh3">Sub-processors</h3></a> 
<p>Agiloft works with several sub-processors to provide the best possible flexibility, extensibility, and user experience.</p> </div>