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 RemovedProduct Specification

Image RemovedUser's Guide

Image RemovedGetting Started

Image RemovedKnowledge Base

Image Removed2D Drawings

Image Removed3D Models

Image RemovedSoftware Downloads

Image RemovedLegal Information

typepage


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: 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/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>