Versions Compared

Old Version 6

changes.mady.by.user user-ade31

Saved on

compared with

New Version Current

changes.mady.by.user user-99ad9

Saved on

Key

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


iframe.html.wrapper
allow-same-originfalse
allow-scriptsfalse
width400
allow-popupsfalse
height400
<h3<div style="border-radiusmargin-left:16px; font-weight: 4px500;box font-shadow: rgb(2 8 20 / 10%) 0px 0.175em 0.5em, rgb(2 8 20 / 8%) 0px 0.085em 0.175em;transition: box-shadow 150ms ease 0s, transform 150ms ease 0s, -webkit-box-shadow 150ms ease 0s, -webkit-transform 150ms ease 0s;padding:8px;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">}
	<img src="https://ionicframework.com/docs/assets/icons/component-alert-icon.png" style="width: 64px"/>
	<p style=".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;"> }
		Get started
	</p>
	<p style=".doc-card-description { font-size: 1em; margin: 0; font-weight: 300; line-height: 1.43;color:#73849a }
</style>

<div style="display:flex; flex-direction:row; flex-wrap: wrap;max-width:1200px;">
   <a href="../GS/Get+Started+Home">
   <div class="doc-card-div">
   	   <img src="https://doc-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="../APRO/btibMacro">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/macro.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Macro
	   </p>
	   <p class="doc-card-description">
		Record your repetitive changes on one item and apply them to many similar items
	   </p>
   </div>
   </a>
<a href="../APRO/btibExcel">
   <div class="doc-card-div">
   	   <img src="https://doc-vayandata.s3.eu-west-3.amazonaws.com/excel.png" class="doc-card-img"/>
	   <p class="doc-card-title">
		Excel
	   </p>
	   <p class="doc-card-description">
		Use Excel to create or edit content in your Niagara station
	   </p>
   </div>
   </a>
</div>