Versions Compared

Key

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

...

HTML
<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="../SDK/TimeSeries+Connectors+SDK">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/timeseriesConnector.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Timeseries connector SDK
	   </p>
	   <p class="doc-card-description">
		Learn how to implement a connector to push historical data platforms or databases
	   </p>
   </div>
</a>
<a href="../SDK/Model+SDK">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/modelConnector.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Model SDK
	   </p>
	   <p class="doc-card-description">
		Learn how you an create a connector to import static data models or to export internal data models to third parties
	   </p>
   </div>
</a>
<a href="../SDK/Drivers+SDK>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>

...