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/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="../display/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> |
...