Skip to content

Instantly share code, notes, and snippets.

@joshbuchea

joshbuchea/microdata_resume_cv.html

Forked from danielantelo/microdata_resume_cv.html
Created June 14, 2020 01:17
Show Gist options
  • Save joshbuchea/a5b2d73e4c8e9560eb47a3c366be0da3 to your computer and use it in GitHub Desktop.
Save joshbuchea/a5b2d73e4c8e9560eb47a3c366be0da3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Daniel revised this gist Nov 9, 2015. 1 changed file with 0 additions and 0 deletions.
    Binary file added valid_markup.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  2. @danielantelo danielantelo revised this gist Nov 9, 2015. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -87,9 +87,9 @@ <h3 itemprop="name">Senior Developer</h3>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </span>
    </span>
    <span itemprop="startDate" content="2006-02-21T20:00">February 2006</span>
    <span itemprop="endDate" content="2009-02-21T20:00">February 2009</span>
    @@ -102,9 +102,9 @@ <h3 itemprop="name">Web Developer</h3>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </span>
    </span>
    <span itemprop="startDate" content="2004-01-21T20:00">January 2004</span>
    <span itemprop="endDate" content="2006-02-21T20:00">February 2006</span>
  3. @danielantelo danielantelo revised this gist Nov 1, 2015. No changes.
  4. @danielantelo danielantelo revised this gist Oct 31, 2015. 1 changed file with 6 additions and 6 deletions.
    12 changes: 6 additions & 6 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -70,13 +70,13 @@ <h3 itemprop="jobTitle">Lead Web Developer</h3>
    <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">
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </span>
    </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) -->
  5. @danielantelo danielantelo revised this gist Oct 31, 2015. 1 changed file with 0 additions and 5 deletions.
    5 changes: 0 additions & 5 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -7,8 +7,6 @@
    <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">
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/css/web.min.css">
    </head>
    <body>
    <header>
    @@ -135,8 +133,5 @@ <h3 itemprop="description"><abbr title="Bachelor of Science">BSc</abbr> Computer
    &copy; company. All rights reserved.
    </div>
    </footer>

    <!-- Javascripts -->
    <script type="text/javascript" src="/js/web.min.js"></script>
    </body>
    </html>
  6. @danielantelo danielantelo revised this gist Oct 3, 2015. 2 changed files with 0 additions and 0 deletions.
    0 jobs_schema.png → schema_jobs.png
    View file
    File renamed without changes
    0 person_schema.png → schema_person.png
    View file
    File renamed without changes
  7. @danielantelo danielantelo revised this gist Oct 3, 2015. 1 changed file with 31 additions and 16 deletions.
    47 changes: 31 additions & 16 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -58,10 +58,8 @@ <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">Javascript</li>
    <li class="skill" itemprop="itemListElement">jQuery</li>
    <li class="skill" itemprop="itemListElement">CSS</li>
    <li class="skill" itemprop="itemListElement">Sass</li>
    <li class="skill" itemprop="itemListElement">Java</li>
    <li class="skill" itemprop="itemListElement">Scss</li>
    </ul>
    </section>
    <section id="experience">
    @@ -71,30 +69,47 @@ <h2>Experience</h2>
    <h3 itemprop="jobTitle">Lead Web Developer</h3>
    <div itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Company Name 1</span>
    <span itemprop="location">London</span>
    <span>February 2009 &#45; Present</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>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">February 2009</span>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">February 2009</span>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
  8. @danielantelo danielantelo revised this gist Oct 3, 2015. 3 changed files with 0 additions and 0 deletions.
    Binary file added jobs_schema.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
    Binary file added outline.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
    Binary file added person_schema.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  9. @danielantelo danielantelo revised this gist Oct 3, 2015. 1 changed file with 31 additions and 16 deletions.
    47 changes: 31 additions & 16 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -58,10 +58,8 @@ <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">Javascript</li>
    <li class="skill" itemprop="itemListElement">jQuery</li>
    <li class="skill" itemprop="itemListElement">CSS</li>
    <li class="skill" itemprop="itemListElement">Sass</li>
    <li class="skill" itemprop="itemListElement">Java</li>
    <li class="skill" itemprop="itemListElement">Scss</li>
    </ul>
    </section>
    <section id="experience">
    @@ -71,30 +69,47 @@ <h2>Experience</h2>
    <h3 itemprop="jobTitle">Lead Web Developer</h3>
    <div itemprop="worksFor" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Company Name 1</span>
    <span itemprop="location">London</span>
    <span>February 2009 &#45; Present</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>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">February 2009</span>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="location" itemscope itemtype="http://schema.org/Place">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">February 2009</span>
    <a itemprop="url" href="http://link-to-company.com">
    Link to compnay
    </a>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="addressLocality">London</span>
    </div>
    </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>
  10. @danielantelo danielantelo revised this gist Oct 3, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -12,7 +12,6 @@
    </head>
    <body>
    <header>
    <h1>Full Name Curriculum Vitae</h1>
    <!-- Main navigation -->
    <nav id="primary-navigation">
    <a href="#personal-details">Personal details</a>
    @@ -23,6 +22,7 @@ <h1>Full Name Curriculum Vitae</h1>
    </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">
  11. @danielantelo danielantelo created this gist Oct 3, 2015.
    127 changes: 127 additions & 0 deletions microdata_resume_cv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,127 @@
    <!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">
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/css/web.min.css">
    </head>
    <body>
    <header>
    <h1>Full Name Curriculum Vitae</h1>
    <!-- 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">
    <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">Javascript</li>
    <li class="skill" itemprop="itemListElement">jQuery</li>
    <li class="skill" itemprop="itemListElement">CSS</li>
    <li class="skill" itemprop="itemListElement">Sass</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 itemprop="location">London</span>
    <span>February 2009 &#45; Present</span>
    <p itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit...</p>
    </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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">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>
    <div itemprop="organizer" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Company Name 2</span>
    <span itemprop="location">London</span>
    </div>
    <span itemprop="startDate">January 2000</span>
    <span itemprop="endDate">February 2009</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>

    <!-- Javascripts -->
    <script type="text/javascript" src="/js/web.min.js"></script>
    </body>
    </html>