Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

HTML
<style>
.header-image-background {
	max-width: 1920px;
	height: 17vw;
	width: 90vw;
	margin-left: auto;
	float:right;
}
</style>

<img src="https://support.neonode.com/docs/download/attachments/65579/Header.png?version=5&modificationDate=1519301746130&api=v2" class="header-image-background"></img>



Livesearch
sizelarge
placeholderSearch Documentation
typepage

Image Removed

Getting Started

Image Removed

User's Guide

Image Removed

Product Specification

Image Removed

zForce SDK User's Guide

Image Removed

Workbench User's Guide

Image Removed

Downloads

Image Removed

FAQ


Image Removed

Legal

Image Removed

Create a Request
HTML
<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('https://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('https://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('https://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/display/SDKDOC">
		<div class="grid-item-image" style="background-image: url('https://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('https://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('https://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('https://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('https://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('https://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>