/microdata_resume_cv.html
Last active Mar 18, 2019
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