Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
HTML5 Microdata Resume (Curriculum) Template
<!DOCTYPE html>
<html>
<head>
<!-- Meta conf -->
<meta charset="UTF-8">
<!-- Meta info -->
<title>HTML5 Microdata Resume (CV) Template</title>
<meta name="description" content="An example of how to layout a semantic html5 page for a curriculum vitae/resume">
<meta name="keywords" content="template, html, semantic, microdata, resume, cv, curriculum, vitae">
</head>
<body>
<header>
<!-- Main navigation -->
<nav id="primary-navigation">
<a href="#personal-details">Personal details</a>
<a href="#skills">Skills</a>
<a href="#experience">Experience</a>
<a href="#education">Education</a>
</nav>
</header>
<!-- Main -->
<main itemscope itemtype="http://schema.org/Person">
<h1>Full Name</h1>
<section id="personal-details">
<h2>Personal details</h2>
<img itemprop="image" src="images/profile.jpg" alt="Your Name">
<p itemprop="description">about yourself/personal statement here</p>
<dl>
<dt>Name</dt>
<dd itemprop="name">
<span itemprop="givenName">First name</span> <span itemprop="familyName">Surname</span>
</dd>
<dt>Date of birth</dt>
<dd itemprop="birthDate">01/01/1980</dd>
<dt>Nationality</dt>
<dd itemprop="nationality">British</dd>
<dt>Location</dt>
<dd itemprop="homeLocation">United Kingdom</dd>
<dt>Telephone</dt>
<dd>
<a itemprop="telephone" href="tel:+447888777666">07888777666</a>
</dd>
<dt>Email</dt>
<dd>
<a itemprop="email" href="mailto:your-email@gmail.com">your-email@gmail.com</a>
</dd>
</dl>
<ul id="links">
<li><a itemprop="url" rel="me" href="https://github.com/danielanteloagra">github</a></li>
<li><a itemprop="url" rel="me" href="http://uk.linkedin.com/pub/daniel-antelo/98/192/a56">linkedin</a></li>
<li><a itemprop="url" href="resume.pdf">pdf resume</a></li>
</ul>
</section>
<section id="skills" itemscope itemtype="http://schema.org/ItemList">
<h2 itemprop="name">Skills</h2>
<ul>
<li class="skill" itemprop="itemListElement">HTML</li>
<li class="skill" itemprop="itemListElement">PHP</li>
<li class="skill" itemprop="itemListElement">Java</li>
<li class="skill" itemprop="itemListElement">Scss</li>
</ul>
</section>
<section id="experience">
<h2>Experience</h2>
<!-- current job -->
<div class="job">
<h3 itemprop="jobTitle">Lead Web Developer</h3>
<div itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Company Name 1</span>
<span>February 2006 - Present</span>
<p itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</p>
<span itemprop="location" itemscope itemtype="http://schema.org/Place">
<a itemprop="url" href="http://link-to-company.com">
Link to compnay
</a>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">London</span>
</span>
</span>
</div>
</div>
<!-- past jobs: we can extend the event schema to describe a job (see http://www.schema.org/docs/extension.html) -->
<div class="job" itemscope itemtype="http://schema.org/Event/Job">
<h3 itemprop="name">Senior Developer</h3>
<span itemprop="location" itemscope itemtype="http://schema.org/Place">
<span itemprop="name">Company Name 2</span>
<a itemprop="url" href="http://link-to-company.com">
Link to compnay
</a>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">London</span>
</span>
</span>
<span itemprop="startDate" content="2006-02-21T20:00">February 2006</span>
<span itemprop="endDate" content="2009-02-21T20:00">February 2009</span>
<p itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</p>
</div>
<div class="job" itemscope itemtype="http://schema.org/Event/Job">
<h3 itemprop="name">Web Developer</h3>
<span itemprop="location" itemscope itemtype="http://schema.org/Place">
<span itemprop="name">Company Name 2</span>
<a itemprop="url" href="http://link-to-company.com">
Link to compnay
</a>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">London</span>
</span>
</span>
<span itemprop="startDate" content="2004-01-21T20:00">January 2004</span>
<span itemprop="endDate" content="2006-02-21T20:00">February 2006</span>
<p itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</p>
</div>
</section>
<section id="education">
<h2>Education</h2>
<div class="certificate" itemprop="alumniOf" itemscope itemtype="http://schema.org/EducationalOrganization">
<h3 itemprop="description"><abbr title="Master of Science">MSc</abbr> Computer Science</h3>
<span itemprop="name">University name 1</span>
<span itemprop="location">London</span>
<span>2005-2007</span>
</div>
<div class="certificate" itemprop="alumniOf" itemscope itemtype="http://schema.org/EducationalOrganization">
<h3 itemprop="description"><abbr title="Bachelor of Science">BSc</abbr> Computer Science</h3>
<span itemprop="name"><span itemprop="name">University name 1</span></span>
<span itemprop="location">London</span>
<span>2002-2005</span>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div id="copyright">
&copy; company. All rights reserved.
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.