Page History

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=6&modificationDate=1585816274594&api=v2" class="header-image-background"></img>

Image Removed

Livesearch

size	large
placeholder	Search Documentation
type	page

Info
Product change notice NN_PCN_2021_01_A, NN_PCN_2021_02_A.

HTML

<style>
  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    background-color: #FFFFFF;
    padding: 10px;
    font-family: Calibri;
  
  }
  
  
  .grid-link-container {
    display: grid;
    grid-template-rows: auto auto;
    padding: 20px;
    padding-bottom: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Calibri;
  }
  
  .grid-item-image {
    display: grid;
    width: 55px;
    height: 55px;
    background-size: auto;
    background-position: center;
    padding: 1px;
    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: 100%;
  }
  
  
  .item-links:active {
  text-decoration:none !important;
  color: light grey !important;
  font-size: 100%;
  }
  
  .item-links, .item-links:link, .item-links:visited, .item-links:focus {
      color: black;
      font-size: 16px;
      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"; ondragstart="return false;" ondrop="return false;">
    <div class="grid-link-container">



<a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide">
<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">Neonode Touch Sensor Module User's Guide</div>
      </a>
     </div>

<div class="grid-link-container">
    <a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Introduction+to+Contactless+Touch+Solutions">
       <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/Circle.png?version=1&modificationDate=1583505975733&api=v2')"></div>
       <div class="grid-item-link item-links">Contactless<br>Touch</div>
      </a>
     </div>

<div class="grid-link-container">
      <a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Design+guidelines+for+touchless+interactions+with+a+parallel+plane">
       <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/UserEx.png?version=1&modificationDate=1583505975733&api=v2')"></div>
       <div class="grid-item-link item-links">Best UX with<br>Contactless Touch</div>
       </a>
     </div>

<div class="grid-link-container">
    <a class="item-links" href="https://support.neonode.com/docs/display/Legal/">
     <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://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+started+with

zForce AIR

+Touch+Sensor

Evaluation

Getting Started

+Module+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/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<br>Specification</div>
     </a>
   </div>

<div class="grid-link-container">
	 <a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Parameter+Overview">
       <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/Parameters%20overview.png?api=v2')"></div>
       <div class="grid-item-link item-links">Parameter<br>Overview</div>
      </a>
    </div>

<div class="grid-link-container">
	 <a class="item-links" href="https://support.neonode.com/docs/display/NIPB">
       <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/Board.png?version=1&modificationDate=1583505977581&api=v2')"></div>
       <div class="grid-item-link item-links">Interface <br>Board</div>
      </a>
    </div>

<div class="grid-link-container">
     <a class="item-links" href="https://support.neonode.com/docs/display/ZFPUG/">
      <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/thumbnails/65579/zForce_Programmer_Icon.png?api=v2&nonce=1652704768514')"></div>
      <div class="grid-item-link item-links">zForce Programmer<br>User's Guide</div>
      </a>
    </div>

<div class="grid-link-container">
     <a class="item-links" href="https://support.neonode.com/docs/display/workbench">
      <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<br>User's Guide</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<br> User's Guide</div>
      </a>
    </div>


<div class="grid-link-container">
     <a class="item-links" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Interface+Library+for+Arduino">
      <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/I2C_Icon.png?version=1&modificationDate=1582099628533&api=v2')"></div>
      <div class="grid-item-link item-links">Arduino<br>Library</div>
      </a>
    </div>

<div class="grid-link-container"> 
     <a class="item-links" href="https://support.neonode.com/docs/display/QA/Neonode+Help+Center">
      <div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/FAQ.png?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://portal.neonode.com/support-view/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<br>Request </div>
    </a>     
  </div>

<div class="grid-link-container">
    <a class="item-links" href="https://customer.neonode.com/general-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>