In this new tutorial from Tutorialzine.com, Martin Angelov shows you how to combine a bit of PHP, CSS3 and HTML to create a more functional "About" page for your site that shares contact information in multiple formats.

In this tutorial, we will be creating a simple about page that is powered by PHP, HTML5 and CSS3. It will present your contact information to your visitors, with an option for downloading it as a vCard (useful for importing it in third party applications). You can use today's example as a placeholder for your upcoming personal website, or as an actual about page.

He includes all of the code, markup and styling you'll need to get it put together. The PHP is used to store the contact details and, based on a flag in the GET request (easily modifiable to any other method, like a HTTP header) it returns the basic page, a JSON set or a vcard of the contact data. The page also includes spots for linking to Facebook and Twitter accounts.