Expert Card Snippet Builder

Enter the author details manually, preview the card, then copy the generated HTML snippet into a page that already includes the expert card stylesheet.

Before you paste the output

Make sure this stylesheet is embedded in the <head> of the destination page:

<link rel="stylesheet" href="https://43957839.fs1.hubspotusercontent-na1.net/hubfs/43957839/Grahams%20Folder/IMF-WB%20Week%20App/Assets/expert-card.css">

Edit author details

Authors in snippet

No authors added yet.

Generated HTML snippet

This output includes only the author-card HTML and assumes the stylesheet link shown on the left is already present in the destination page head.

Live preview

Your author cards will appear here.