<!DOCTYPE html>
<html lang="en">
<head prefix="og: https://ogp.me/ns# profile: https://ogp.me/ns/profile#">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta property="og:type" content="profile">
  <meta name="twitter:card" content="summary">

  {{#resume.basics}}
    <title>{{name}} - CV</title>
    <meta name="description" content="{{summary}}">

    <meta property="og:title" content="Resume of {{name}}">
    <meta property="og:url" content="{{url}}">
    {{#if openGraphDescription}}
      <meta property="og:description" content="{{openGraphDescription}}">
    {{else}}
      <meta property="og:description" content="{{summary}}">
    {{/if}}
    <meta property="profile:first_name" content="{{firstName}}">
    <meta property="profile:last_name" content="{{lastName}}">

    {{#if image}}
      <link rel="icon" href="{{image}}">
      <meta property="og:image" content="{{image}}">
      <meta property="og:image:alt" content="Avatar of {{name}}.">
    {{/if}}

    <!--  For SEO-->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Person",
        "address": {
          "@type": "PostalAddress",
          "addressCountry": "{{location.city}}"
        },
        "email": "mailto:{{email}}",
        "image": "{{image}}",
        "name": "{{name}}",
        "telephone": "{{phone}}",
        "url": "{{url}}",
        "description": "{{summary}}"
      }
    </script>
  {{/resume.basics}}

  {{#resume.custom}}
    {{#if twitterHandle}}
      <meta name="twitter:site" content="{{twitterHandle}}">
    {{/if}}
  {{/resume.custom}}

  <style>
      {{{css}}}
  </style>

</head>
<body>

{{#resume.basics}}
  <header>
    <h1>{{name}}</h1>
    {{#if label}}
      <h2>{{label}}</h2>
    {{/if}}
  </header>

  <div id="content" class="container">
    <section id="basics">
      <div class="contact">
        <h3>Contact</h3>
        <div class="split">
          {{#if url}}
            <div class="website">
              <strong>Website</strong>
              <a href="{{url}}">{{url}}</a>
            </div>
          {{else if website}}
            <div class="website">
              <strong>Website</strong>
              <a href="{{website}}">{{website}}</a>
            </div>
          {{/if}}
          {{#if email}}
            <div class="email">
              <strong>Email</strong>
              <a href="mailto:{{email}}">{{email}}</a>
            </div>
          {{/if}}
          {{#if phone}}
            <div class="phone">
              <strong>Phone</strong>
              <a href="tel:{{phone}}">{{phone}}</a>
            </div>
          {{/if}}
        </div>
      </div>
      {{#if summary}}
        <div class="summary">
          <h3>About</h3>
          <p>{{{markdown summary}}}</p>
        </div>
      {{/if}}
      {{#if profiles.length}}
        <section id="profiles" class="split">
          {{#each profiles}}
            <div class="item">
              {{#if network}}
                <strong class="network">
                  {{network}}
                </strong>
              {{/if}}
              <div>
                {{#if url}}
                  <a href="{{url}}">
                    {{#if username}}
                      {{username}}
                    {{else}}
                      {{url}}
                    {{/if}}
                  </a>
                {{else}}
                  <span>
                    {{username}}
                  </span>
                {{/if}}
              </div>
            </div>
          {{/each}}
        </section>
      {{/if}}
    </section>
{{/resume.basics}}

{{#if resume.skills.length}}
    <section id="skills">
      <h2>Skills</h2>
      {{#each resume.skills}}
        <div class="item">
          {{#if name}}
            <div class="name">
              {{name}}
            </div>
          {{/if}}
          {{#if level}}
            <div class="level">
              <em>{{level}}</em>
            </div>
          {{/if}}
          {{#if keywords.length}}
            <ul class="keywords">
              {{#each keywords}}
                <li>{{.}}</li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.work.length}}
    <section id="work">
      <h2>Work Experience</h2>
      {{#each resume.work}}
        <div class="item">
          {{#if name}}
            <h3 class="work_name">
              {{name}}
            </h3>
          {{else if company}}
            <h3 class="work_name">
              {{company}}
            </h3>
          {{/if}}

          <div class="split">
            {{#if position}}
              <div class="work_position">
                {{position}}
              </div>
            {{/if}}

            <div class="work_date">
              {{#if startDate}}
                <span class="startDate">
                  {{{date startDate}}}
                </span>
                <span class="endDate">
          - {{{date endDate}}}
        </span>
              {{/if}}
            </div>

            {{#if url}}
              <div class="work_website">
                <a href="{{url}}">{{url}}</a>
              </div>
            {{else if website}}
              <div class="work_website">
                <a href="{{website}}">{{website}}</a>
              </div>
            {{/if}}
          </div>

          {{#if summary}}
            <div class="summary">
              <p>{{{markdown summary}}}</p>
            </div>
          {{/if}}
          {{#if highlights.length}}
            <ul class="highlights">
              {{#each highlights}}
                <li>{{{markdown .}}}</li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.volunteer.length}}
    <section id="volunteer">
      <h2>Volunteer</h2>
      {{#each resume.volunteer}}
        <div class="item">
          {{#if organization}}
            <h3 class="company">
              {{organization}}
            </h3>
          {{/if}}

          <div class="split">
            {{#if position}}
              <div class="work_position">
                {{position}}
              </div>
            {{/if}}

            <div class="work_date">
              {{#if startDate}}
                <span class="startDate">
                  {{{date startDate}}}
                </span>
                <span class="endDate">
          - {{{date endDate}}}
        </span>
              {{/if}}
            </div>

            {{#if url}}
              <div class="work_website">
                <a href="{{url}}">{{url}}</a>
              </div>
            {{else if website}}
              <div class="work_website">
                <a href="{{website}}">{{website}}</a>
              </div>
            {{/if}}
          </div>

          {{#if summary}}
            <div class="summary">
              <p>{{{markdown summary}}}</p>
            </div>
          {{/if}}
          {{#if highlights.length}}
            <ul class="highlights">
              {{#each highlights}}
                <li>{{{markdown .}}}</li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.projects.length}}
    <section id="projects">
      <h2>Projects</h2>
      {{#each resume.projects}}
        <div class="item">

          {{#if name}}
            <h3 class="work_name">
              {{name}}
            </h3>
          {{/if}}

          <div class="split">
            <div class="work_date">
              {{#if startDate}}
                <span class="startDate">
                  {{{date startDate}}}
                </span>
                <span class="endDate">
          - {{{date endDate}}}
                        </span>
              {{/if}}
            </div>
            {{#if url}}
              <div class="work_website">
                <a href="{{url}}">{{url}}</a>
              </div>
            {{else if website}}
              <div class="work_website">
                <a href="{{website}}">{{website}}</a>
              </div>
            {{/if}}
          </div>

          <div class="split">
            {{#if summary}}
              <div class="summary">
                <p>{{{markdown summary}}}</p>
              </div>
            {{/if}}
          </div>

          {{#if keywords.length}}
            <ul class="horizontal_list" style="text-align: center;">
              {{#each keywords}}
                <li style="display: inline;">{{.}}</li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.education.length}}
    <section id="education">
      <h2>Education</h2>
      {{#each resume.education}}
        <div class="item">

          <div class="split">
            {{#if institution}}
              <div class="institution">
                {{institution}}
              </div>
            {{/if}}

            <div class="study_date">
              {{#if startDate}}
                <span class="startDate">
                  {{{date startDate}}}
                </span>
                <span class="endDate">
          - {{{date endDate}}}
        </span>
              {{/if}}
            </div>

            {{#if url}}
              <div class="work_website">
                <a href="{{url}}">{{url}}</a>
              </div>
            {{/if}}
          </div>

          {{#if qualification}}
            <div class="qualification">
              {{qualification}}
            </div>
          {{/if}}

          {{#if courses.length}}
            <ul class="courses">
              {{#each courses}}
                <li>{{.}}</li>
              {{/each}}
            </ul>
          {{/if}}

          {{#if dissertation}}
            <div class="dissertation">
              <span>Dissertation: </span>{{dissertation}}
            </div>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.languages.length}}
    <section id="languages">
      <h2>Languages</h2>
      {{#each resume.languages}}
        <div class="item">
          {{#if language}}
            <div class="language">
              {{language}}
            </div>
          {{/if}}
          {{#if fluency}}
            <div class="level">
              <em>{{fluency}}</em>
            </div>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.interests.length}}
    <section id="interests">
      <h2>Interests</h2>
      {{#each resume.interests}}
        <div class="item">
          {{#if name}}
            <div class="name">
              {{name}}
            </div>
          {{/if}}
          {{#if keywords.length}}
            <ul class="keywords">
              {{#each keywords}}
                <li>{{.}}</li>
              {{/each}}
            </ul>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

{{#if resume.references.length}}
    <section id="references">
      <h2>References</h2>
      {{#each resume.references}}
        <div class="item">
          {{#if reference}}
            <blockquote class="reference">
              {{reference}}
            </blockquote>
          {{/if}}
          {{#if name}}
            <div class="name">
              — {{name}}
            </div>
          {{/if}}
        </div>
      {{/each}}
    </section>
{{/if}}

</div>

<footer>
  {{#resume.meta}}
    <p>Check out the <a href="{{githubRepoUrl}}">GitHub repo</a> for this website!</p>
    <p>{{{markdown footerText}}}</p>
  {{/resume.meta}}
</footer>

<script>
  console.log('Theme made with 💕 using JSON Resume and Handlebars!\nhttps://github.com/jsonresume/jsonresume-theme-class')
</script>
</body>
</html>
