Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Removed

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



Livesearch
sizelarge
placeholderSearch Documentation
typepage


HTML
<style>

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #FFFFFF;
  padding: 10px;
}

.grid-link-container {
  display: grid;
  grid-template-rows: auto auto;
  padding: 20px;
  padding-bottom: 60px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.grid-item-image {
  display: grid;
  width: 55px;
  height: 55px;
  background-size: auto;
  background-position: center;
  padding: 0px;
  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: 110%;
}


.item-links:active {
text-decoration:none !important;
color: lightgray !important;
font-size: 110%;
}

.item-links, .item-links:link, .item-links:visited, .item-links:focus {
    color: black;
    font-size: 110%;
    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

+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/pages/viewpage.action?pageId=9376137">
		<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/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 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 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=9376015">
		<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 User's Guide</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 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://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/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 Request</div>
    </a>
  </div>
</div>