Page History
...
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="../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/btibExcelbtibMacro"> <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/btibMacrobtibExcel"> <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> |
...