<style>
a:hover { text-decoration: none; }
.doc-card-div {width: 320px;height:140px; margin:16px; padding: 24px;border-radius: 8px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); font-family:Arial, sans-serif}
.doc-card-div:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.22); }
.doc-card-img { width: 48px;height:48px; }
.doc-card-title { font-size: 1.4em; font-weight: 500; margin:8px 0; line-height: 1.4;color:#020814; }
.doc-card-description { font-size: 1em; margin: 0; font-weight: 300; line-height: 1.3;color:#73849a }
</style>
<div style="display:flex; flex-direction:row; flex-wrap: wrap;max-width:1200px;">
<a href="../SDK/Realtime+Connector+SDK">
<div class="doc-card-div">
<img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/cloudConnector.png" class="doc-card-img"/>
<p class="doc-card-title">
Real-time connector SDK
</p>
<p class="doc-card-description">
Learn how to implement a real-time connector to exchange points data with databases or platforms
</p>
</div>
</a>
<a href="../DEN/btibCore">
<div class="doc-card-div">
<img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/core.png" class="doc-card-img"/>
<p class="doc-card-title">
Core
</p>
<p class="doc-card-description">
Everything about the core concepts such as sFormat, Logs...
</p>
</div>
</a>
<a href="../DEN/btibToolkit">
<div class="doc-card-div">
<img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/toolkit.png" class="doc-card-img"/>
<p class="doc-card-title">
Toolkit
</p>
<p class="doc-card-description">
Independent collection of tools to enhance your Niagara experience
</p>
</div>
</a>
<a href="../SDK/Drivers+SDK">
<div class="doc-card-div">
<img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/driver.png" class="doc-card-img"/>
<p class="doc-card-title">
Drivers SDK
</p>
<p class="doc-card-description">
Learn how to make to new drivers to communicate with OT equipment
</p>
</div>
</a>
<a href="https://doc.active-framework.com/display/SDK/Dashboard+SDK">
<div class="doc-card-div">
<img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/dashboardConnector.png" class="doc-card-img"/>
<p class="doc-card-title">
Dashboard SDK
</p>
<p class="doc-card-description">
Learn how to create easily new UI content
</p>
</div>
</a>
</div> |