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"> | |
© 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