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>



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: 17px16px;
    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>