Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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
sizelarge
placeholderSearch Documentation

Image Removed

type

Product Specification

page

Image Removed

User's Guide

Image Removed

Getting Started

Image Removed

Knowledge Base

Image Removed

2D Drawings

Image Removed

3D Models

Image Removed

Software Downloads

Image Removed

Legal Information


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: lightgray !important;
font-size: 100%;
}

.item-links, .item-links:link, .item-links:visited, .item-links:focus {
    color: black;
    font-size: 17px;
    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+Touch+Sensor+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">
		<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/NPB/User%27s+Guide+-+Neonode+Prototyping+Board">
		<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">Prototyping<br>Board</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/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/pages/viewpage.action?pageId=30114201">
		<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/AIRTSUsersGuide/Touch+Sensor+Module+Interface+Library+for+Arduino">
		<div class="grid-item-image" style="background-image: url('https://support.neonode.com/docs/download/attachments/65579/Asset%201.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/AIRTSUsersGuide/zForce+Communication+Protocol">
   <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">ASN.1<br>Protocol</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/">
		<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://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<br>Request </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>