Strategy
Find the story that matters most to your audience.
Hover Cards
Reveal supporting content by hovering, focusing or tapping.
Design
Turn a useful idea into a clear experience.
Development
Build flexible components with thoughtful interactions.
HTML source & reuse instructions
Keep the CSS and JavaScript links from this page. Asset paths are relative to the modules folder.
<div class="lab-grid three"><article class="versa-hover"><img alt="Generic Versa interface illustration" height="640" loading="lazy" src="/assets/images/versa-project.svg" width="960"/><div><h3>Strategy</h3><button aria-expanded="false" class="btn btn-outline-dark" data-hover-toggle="" type="button">Show details</button><p data-hover-detail="" hidden="">Find the story that matters most to your audience.</p></div></article><article class="versa-hover"><img alt="Generic Versa interface illustration" height="640" loading="lazy" src="/assets/images/versa-content.svg" width="960"/><div><h3>Design</h3><button aria-expanded="false" class="btn btn-outline-dark" data-hover-toggle="" type="button">Show details</button><p data-hover-detail="" hidden="">Turn a useful idea into a clear experience.</p></div></article><article class="versa-hover"><img alt="Generic Versa interface illustration" height="640" loading="lazy" src="/assets/images/versa-dashboard.svg" width="960"/><div><h3>Development</h3><button aria-expanded="false" class="btn btn-outline-dark" data-hover-toggle="" type="button">Show details</button><p data-hover-detail="" hidden="">Build flexible components with thoughtful interactions.</p></div></article></div>