This component is deprecated.

This component should not be used for new projects. Only the most severe security-related bugs will be fixed for this component, though existing implementations will continue to work. This page is here for existing users to refer to documentation.

o-business-card

Render contact information about a FT employee

deprecated

Full-card

<div data-o-component="o-business-card" class="o-business-card" itemscope="" itemtype="http://schema.org/Person">
	<img src="http://image.webservices.ft.com/v1/images/raw/fthead:lucy-kellaway?source=docs&amp;format=png&amp;width=60" alt="Lucy Kellaway" class="o-business-card__image--right" itemprop="image">
	<p>
		<a href="http://www.ft.com/comment/lucy-kellaway" alt="Lucy Kellaway" class="o-business-card__name" itemprop="url"><span itemprop="name">Lucy Kellaway</span></a>
	</p>
	<p>
		<a href="mailto:lucy.kellaway@ft.com" class="o-business-card__email" itemprop="email">lucy.kellaway@ft.com</a>
	</p>
	<p>
		<a href="//twitter.com/LucyKellaway" class="o-business-card__twitter" itemprop="sameAs">@LucyKellaway</a>
	</p>
	<p class="o-business-card__age">
		<span class="o-business-card__subtitle">Age: </span>54
	</p>
	<p class="o-business-card__nationality">
		<span class="o-business-card__subtitle">Nationality: </span>
		<span itemprop="nationality"> British</span>
	</p>
	<p class="o-business-card__background">
		<span class="o-business-card__subtitle">Background: </span>
		<span itemprop="description">Lucy Kellaway is an Associate Editor and management columnist of the FT. For the past 15 years her weekly Monday column has poked fun at management fads and jargon and celebrated the ups and downs of office life.</span>
	</p>
</div>

Bio-card

<div data-o-component="o-business-card" class="o-business-card" itemscope="" itemtype="http://schema.org/Person">
	<img src="http://image.webservices.ft.com/v1/images/raw/fthead:lucy-kellaway?source=docs&amp;format=png&amp;width=60" alt="Lucy Kellaway" class="o-business-card__image--left" itemprop="image">
	<p>
		<a href="http://www.ft.com/comment/lucy-kellaway" alt="Lucy Kellaway" class="o-business-card__name" itemprop="url"><span itemprop="name">Lucy Kellaway</span></a>
		<span class="o-business-card__bio" itemprop="description">is an Associate Editor and management columnist of the FT. For the past 15 years her weekly Monday column has poked fun at management fads and jargon and celebrated the ups and downs of office life.</span>
	</p>
</div>
Bower Dependencies
o-colors >=2.5.0 <4
GitHub Repository

Quickstart

Build Service

Add the following to your <link> tag

o-business-card@^1.0.4

How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-business-card"@"^1.0.4"

For more information see the Origami build process.