Creating hCard with microformats

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

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>