Versions Compared

Key

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


HTML
<h3 style="margin-left:16px; font-weight: 500; font-size: 1.6em;">
 Active-Pro has been designed to save you a lot of engineering time with Niagara. Spend time on creativity not on repetitive tasks. Active-Pro is a suite of tools for your workbench, you can program an unlimited number of stations
</h3>




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); }
</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://ionicframework.com/docs/assets/icons/component-alert-icon.png" style="img { width: 48px;height:48px;"/> }
	   <p style=".doc-card-title { font-size: 1.4em; font-weight: 500; margin:8px 0; line-height: 1.4;color:#020814;">
		Get started }
	   </p>
	   <p style=".doc-card-description { font-size: 0.9em1em; margin: 0; font-weight: 300; line-height: 1.23;color:#73849a">
		Set-up your license and start gaining productivity
	   </p>
   </div>
   </a>
 }
</style>

<div style="display:flex; flex-direction:row; flex-wrap: wrap;max-width:1200px;">
   <a href="https:..//vayandata.comGS/Get+Started+Home">
   <div class="doc-card-div">
   	   <img src="https://ionicframeworkdoc-vayandata.s3.eu-west-3.amazonaws.com/docs/assets/icons/component-alert-icongetStarted.png" styleclass="width: 48px;height:48px;doc-card-img"/>
	   <p styleclass="font-size: 1.4em; font-weight: 500; margin:8px 0; line-height: 1.4;color:#020814;doc-card-title">
		Get started
	   </p>
	   <p styleclass="font-size: 0.9em; margin: 0; font-weight: 300; line-height: 1.2;color:#73849adoc-card-description">
		Set-up your license and start gaining productivity
	   </p>
   </div>
   </a>
<a href="https:../APRO/vayandata.combtibMacro">
   <div class="doc-card-div">
   	   <img src="https://ionicframeworkdoc-vayandata.s3.eu-west-3.amazonaws.com/docs/assets/icons/component-alert-iconmacro.png" styleclass="width: 48px;height:48px;doc-card-img"/>
	   <p styleclass="font-size: 1.4em; font-weight: 500; margin:8px 0; line-height: 1.4;color:#020814;doc-card-title">
		Get startedMacro
	   </p>
	   <p styleclass="font-size: 0.9em; margin: 0; font-weight: 300; line-height: 1.2;color:#73849adoc-card-description">
		Set-upRecord your licenserepetitive changes on one item and start gaining productivityapply them to many similar items
	   </p>
   </div>
   </a>
<a href="https:../APRO/vayandata.combtibExcel">
   <div class="doc-card-div">
   	   <img src="https://ionicframeworkdoc-vayandata.s3.eu-west-3.amazonaws.com/docs/assets/icons/component-alert-iconexcel.png" styleclass="width: 48px;height:48px;doc-card-img"/>
	   <p styleclass="font-size: 1.4em; font-weight: 500; margin:8px 0; line-height: 1.4;color:#020814;doc-card-title">
		Get startedExcel
	   </p>
	   <p styleclass="font-size: 0.9em; margin: 0; font-weight: 300; line-height: 1.2;color:#73849adoc-card-description">
		Set-up your license and start gaining productivityUse Excel to create or edit content in your Niagara station
	   </p>
   </div>
   </a>
</div>