Below is an example of the code I used on my about me page to create my hCard [vCard] and then create a download link for it.

vcard logo
<div class=”vcard”>
<a class=”url fn nā href=”http://brianleejackson.com”>
<span class=”given-name”>Brian</span>
<span class=”additional-name”>Lee</span>
<span class=”family-name”>Jackson</span>
</a>
<div class=”org”>Brianleejackson.com</div>
<div class=”title”>Interactive Designer & Developer</div>
<div class=”adr”>
<div class=”street-address”>201 SW 1st St., Sittner Hall #243</div>
<span class=”locality”>College Place</span>
<span class=”region”>WA</span>
<span class=”postal-code”>99324</span>
<span class=”country-name”>USA</span>
</div>
<div class=”tel”>
<span class=”type”>Cell</span>
<span class=”value”>360.624.5393</span>
</div>
</div>
<div class=”vcard_download”><a href=”http://technorati.com/contact/http://brianleejackson.com/aboutme.html” title=”Download vCard with contact information”>Download vCard</a></div>

