-
-
Save joshbuchea/a5b2d73e4c8e9560eb47a3c366be0da3 to your computer and use it in GitHub Desktop.
HTML5 Microdata Resume (Curriculum) Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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:[email protected]">[email protected]</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