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
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: 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
zForce AIR
+Touch+Sensor
Evaluation

Getting Started

Image Removed

User Guide

Image Removed

Knowledge Base

Image Removed

Product Specification

Image Removed

SDK Documentation

Image Removed

Downloads

Image Removed

2D Drawing

Image Removed

3D Models

Image Removed

Contact

Image Removed

Legal
+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>