Page History

  <style>
    #linkStyle:hover {
        text-decoration: none !important;
        color: gray !important;
        font-size: 110%;
    }

    #linkStyle:active {
        text-decoration: none !important;
        color: lightgray !important;
        font-size: 110%;
    }

    #linkStyle,
    #linkStyle:link,
    #linkStyle:visited,
    #linkStyle:focus {
        color: black;
        font-size: 110%;
        text-decoration: none !important;
    }

#buttonStyle.buttonArd {
	background-image: url("https://support.neonode.com/docs/download/attachments/60589780208765153/Ard.png?api=v2");
} 

#buttonStyle.buttonPp {
	background-image: url("https://support.neonode.com/docs/download/attachments/60589780208765153/pp.png?api=v2");
}

#buttonStyle.buttonWb {
	background-image: url("https://support.neonode.com/docs/download/attachments/60589780208765153/Wb.png?api=v2");
}

#buttonStyle.buttonSDK {
	background-image: url("https://support.neonode.com/docs/download/attachments/60589780208765153/SDK.png?api=v2");
}

    #buttonStyle:hover {
        -webkit-filter: brightness(90%);
        filter: brightness(90%);
        text-decoration: none;
    }

    #buttonStyle:active {
        -webkit-filter: brightness(110%);
        filter: brightness(110%);
        text-decoration: none;
    }

    #buttonStyle {
        -webkit-filter: brightness(95%);
        filter: brightness(95%);
        width: 15vw;
        height: 8vw;
        background-size: 15vw 8vw;
        border-radius: 10px 10px 0px 0px;
        display: inline-block;
        text-decoration: none;
        color: black;
    }

    #containButtons {
        height: auto;
        margin-right: 20%;
        text-align: center;
    }

    #innerContainer {
        height: 30vw;
        margin-left: auto;
        display: inline-block;

    }

    #buttonTextContainer {
        border-radius: 10px;
        border: 1px solid lightgray;
        width: 15vw;
        height: 15vw;
        display: inline-block;
        vertical-align: bottom;
        margin: 30px;
    }


    .pText {
        font-size: 0.6vw;
        margin-left: 10px;
        margin-right: 10px;
        color: #666666;
    }


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

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

    .h1Text {
        font-size: 0.65vw;
        font-weight: bold;
        color: #333333;
        margin: 10px 0 0 0;
    }
</style>
    <div id="containButtons">
        <div id="innerContainer">

            <div class="grid-container">
                <div class="grid-link-container">
            <div id="buttonTextContainer">
                <a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+Plug+and+Play+with+USB"
                    target="blank">
                    <div id="buttonStyle" class="buttonPp">
                    </div>
                </a>
                <div class="h1Text">Plug and Play
                </div>

                <p class="pText">
                    Connect the sensor and immediately get touch input to your computer.
                </p>
            </div></div>
            <div class="grid-link-container">
            <div id="buttonTextContainer">
                <a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+Workbench+and+USB"
                    target="blank">
                    <div id="buttonStyle" class="buttonWb">
                    </div>
                </a>
                <div class="h1Text">
                    Explore the features of the sensor module
                </div>
                <p class="pText">
                    Use the Neonode software to visualize touches and play with sensor settings.
                </p>
            </div></div> <div class="grid-link-container">

            <div id="buttonTextContainer">
                <a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+SDK+and+USB"
                    target="blank">
                    <div id="buttonStyle" class="buttonSDK">
                    </div>
                </a>
                <div class="h1Text">
                    Get started with our SDK example
                </div>
                <p class="pText">
                    Make configurations and create your own program from our example SDK.
                </p>
            </div></div> <div class="grid-link-container">

            <div id="buttonTextContainer">
                <a id="linkStyle" href="https://support.neonode.com/docs/display/AIRTSUsersGuide/Getting+Started+with+Sensor+Evaluation+-+I2C+and+Arduino"
                    target="blank">
                    <div id="buttonStyle" class="buttonArd"></div>
                </a>
                <div class="h1Text">
                    Use the zForce Arduino Library
                </div>
                <p class="pText">
                    include the sensor module to your Arduino project. Connect with I2C and use the provided
                    functions for SW integration.
                </p>
            </div></div>
            </div>
        </div>
    </div>