<style>
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
background-color: #FFFFFF;
padding: 10px;
}
.grid-link-container {
display: grid;
grid-template-rows: auto auto;
padding: 20px;
padding-bottom: 60px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.grid-item-image {
display: grid;
width: 55px;
height: 55px;
background-size: auto;
background-position: center;
padding: 0px;
font-size: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
}
.grid-item-link {
display: grid;
max-width: 200px;
min-width: 50px;
padding: 0px;
font-size: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
margin-bottom:auto;
color:black !important;
}
.item-links{
padding-left: 0px;
padding-right: 0px;
color:black !important;
}
.item-links:hover{
text-decoration:none !important;
color: gray !important;
font-size: 110%;
}
.item-links:active {
text-decoration:none !important;
color: lightgray !important;
font-size: 110%;
}
.item-links, .item-links:link, .item-links:visited, .item-links:focus {
color: black;
font-size: 110%;
text-decoration: none !important;
}
.grid-item-image:hover{
-webkit-filter: brightness(150%);
filter: brightness(150%);
cursor: pointer;
}
.grid-item-image:active{
-webkit-filter: brightness(180%);
filter: brightness(180%);
}
</style>
<div class="grid-container">
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+started+with+zForce+AIR+Touch+Sensor+Evaluation">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/GetStarted.png?version=2&modificationDate=1509008771895&api=v2')"></div>
<div class="grid-item-link item-links">Getting Started</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/pages/viewpage.action?pageId=9376137">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/UsersGuide_Icon.png?version=1&modificationDate=1508933459742&api=v2')"></div>
<div class="grid-item-link item-links">User's Guide</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Specifications">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/Specification.png?version=1&modificationDate=1508933459674&api=v2')"></div>
<div class="grid-item-link item-links">Product Specification</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/pages/viewpage.action?pageId=9376058">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/SDK.png?version=1&modificationDate=1508933459521&api=v2')"></div>
<div class="grid-item-link item-links">zForce SDK User's Guide</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/pages/viewpage.action?pageId=9376015">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/workbench.png?version=1&modificationDate=1510750328522&api=v2')"></div>
<div class="grid-item-link item-links">Workbench User's Guide</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/display/Downloads">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/SoftwareDownLoad.png?version=1&modificationDate=1508933459587&api=v2')"></div>
<div class="grid-item-link item-links">Downloads</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://helpcenter.neonode.com/hc/">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/KnowledgeBase.png?version=3&modificationDate=1519376908755&api=v2')"></div>
<div class="grid-item-link item-links">FAQ</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://support.neonode.com/docs/display/Legal/Legal+Notice">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/attachments/65579/Legal.png?version=3&modificationDate=1508933459421&api=v2')"></div>
<div class="grid-item-link item-links">Legal</div>
</a>
</div>
<div class="grid-link-container">
<a class="item-links" href="https://helpcenter.neonode.com/hc/en-us/requests/new">
<div class="grid-item-image" style="background-image: url('http://support.neonode.com/docs/download/thumbnails/65579/Contact.png?version=2&modificationDate=1508933459184&api=v2')"></div>
<div class="grid-item-link item-links">Create a Request</div>
</a>
</div>
</div> | 