hcard-examples-in-wild: Difference between revisions
Jump to navigation
Jump to search
| Line 15: | Line 15: | ||
You may want to use these buttons on your pages with hCards. See [[buttons#hCard]] for any recent additions. | You may want to use these buttons on your pages with hCards. See [[buttons#hCard]] for any recent additions. | ||
http://www.davidjanes.com/images/mf_hcard.png <!-- was originally http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png | http://www.davidjanes.com/images/mf_hcard.png <!-- was originally http://www.crowley.nl/images/hcard.png --> <!-- http://rbach.priv.at/2006/buttons/hcard.png --> http://www.boogdesign.com/images/buttons/microformat_hcard.png | ||
* [http://volunteers.st/ Steffi & the volunteers] is an Austrian band and uses hcards for [http://volunteers.st/ band-contact in the footer] and on the page of the [http://volunteers.st/crew.html crew] | |||
* [http://www.textundkonzept.at Bernhard Ulrich] an Austrian copywriter uses the hcard format [http://www.textundkonzept.at on all pages of his website] for his contact information | * [http://www.textundkonzept.at Bernhard Ulrich] an Austrian copywriter uses the hcard format [http://www.textundkonzept.at on all pages of his website] for his contact information | ||
Revision as of 15:25, 5 July 2009
hCard Examples in the wild
This page is an informative section of the hCard specification.
The following sites have published hCards, and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or try parsing and indexing.
new and uncategorized examples
Have hCard? If you have a site with hCard(s), add it to the top of this list. Include at least one URL to a page that includes actual hCard markup. Examples without direct links hCard(s) will be removed. Check back after a few days, to see if anyone has found any problems with the examples supplied. Note that examples may be categorized and moved to the grouped section below.
You may want to use these buttons on your pages with hCards. See buttons#hCard for any recent additions.
- Steffi & the volunteers is an Austrian band and uses hcards for band-contact in the footer and on the page of the crew
- Bernhard Ulrich an Austrian copywriter uses the hcard format on all pages of his website for his contact information
- POWERBRAND a brand name development agency uses a hcard for contact information
- Anita Braunsberger, Qualified Practitionier of the Grinberg Method® A hcard is used for contact information on her website.
- Durbin's Carpet Care displays a vCard for contact information and relevancy
- National Rural Knowledge Exchange uses an hCard with geo tags when displaying an organisations information
- Tinstar Design uses an hCard for company contact information.
- Interdixit uses an hCard for his contact information.
- Sisnova uses hCard for his location pages.
- Eduard Fenoy i Associats uses an hCard.
- Deltronic Corporation of Santa Ana, CA has posted an hCard with geo tags on its Contact page. Background image of a contact card reinforces content. For those without enabling browser extensions, both hCard "logo" and text link make vCard available via external parser.
- Transitions Marriage and Family Therapy has an hCard with geo tags in the footer of each page. There is also an hCard for each counselor on the About and Contactpages.
- ball.in.th uses hCard to display all usernames.
- Italian business directory and community portal cylex.it implements hCard for companies’ contact information with geo tags. Example: company profile
- Jermy Leeuwis MSc uses an hCard for his contact information.
- Gary Eckstein uses an hCard for contact information.
- Dr. Suarez uses hCard on his resume page
- addressbook.xml provides hCard support: adx live demo
- APlawrence.com is using hCard for its Unix and Linux Consultants Page
- Afonso Duarte's Portfolio. Uses an hCard for the contact information.
- Web development by Rafe Harwood. Uses an hCard for the contact line in the footer of every page.
- Los Angeles Web Design.