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="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://www.mycitysocial.com/wp-content/uploads/2020/02/getting-started-icon.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Get started
	   </p>
	   <p class="doc-card-description">
		Set-up your license
	   </p>
   </div>
   </a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/cloud.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Connectors philosophy
	   </p>
	   <p class="doc-card-description">
		Learn the basis for real-time connectors and how a they are all structured
	   </p>
   </div>
</a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/mongoDb.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Mongo DB
	   </p>
	   <p class="doc-card-description">
		Mongo Database connector for Niagara
	   </p>
   </div>
</a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/awsIoTCore.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		AWS IoT Core Connector
	   </p>
	   <p class="doc-card-description">
		Amazon Web Service IoT Core connector for Niagara
	   </p>
   </div>
</a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/iotHub.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Azure IoT Hub
	   </p>
	   <p class="doc-card-description">
	 	Microsoft Azure IoT Hub connector for Niagara
	   </p>
   </div>
</a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/googleIotCore.jpg" class="doc-card-img"/>
	   <p class="doc-card-title">
		Google IoT Core
	   </p>
	   <p class="doc-card-description">
	 	Google Cloud IoT Core connector for Niagara
	   </p>
   </div>
</a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/mqtt.jpg" class="doc-card-img"/>
	   <p class="doc-card-title">
		MQTT
	   </p>
	   <p class="doc-card-description">
	 	Pure MQTT connector for Niagara for independent platforms
	   </p>
   </div>
 </a>
</div>

...



HTML
<h2 style="margin-left:16px; margin-top: 32px; font-weight: 500; font-size: 2em;width: calc(100% - 32px);border-bottom:1px solid #333333">
History connectors
</h2>




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="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://www.mycitysocial.com/wp-content/uploads/2020/02/getting-started-icondoc-vayandata.s3.eu-west-3.amazonaws.com/getStarted.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Get started
	   </p>
	   <p class="doc-card-description">
		Set-up your license and start gaining productivity
	   </p>
   </div>
   </a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://cdn.iconscoutdoc-vayandata.s3.eu-west-3.amazonaws.com/icon/free/png-256/robot-130-530368elasticsearch.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Connectors philosophyElasticsearch
	   </p>
	   <p class="doc-card-description">
		RecordSend yourhistorical repetitivedata changes on one item and apply them to many similar itemsfrom Niagara to Elasticsearch indexes
	   </p>
   </div>
   </a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://findiconsdoc-vayandata.s3.eu-west-3.amazonaws.com/files/icons/2795/office_2013_hd/2000/excelmongoDb.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		ExcelMongo DB
	   </p>
	   <p class="doc-card-description">
		UseSend Excelhistorical todata createfrom orNiagara edit content in your Niagara stationto MongoDB
	   </p>
   </div>
   </a>
<a href="https://vayandata.com">
   <div class="doc-card-div">
   	   <img src="https://image.flaticondoc-vayandata.s3.eu-west-3.amazonaws.com/icons/png/512/422/422212sql.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Explore our tutorialsSQL
	   </p>
	   <p class="doc-card-description">
		Set-up your license and start gaining productivitySend historical data from Niagara to SQL databases including all Niagara tags
	   </p>
   </div>
   </a>
</div>