mirror of
				https://github.com/JuanCanham/jsonresume-theme-modern.git
				synced 2025-11-03 22:37:27 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			148 lines
		
	
	
		
			4.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			148 lines
		
	
	
		
			4.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
  <head>
 | 
						|
    <meta charset="utf-8">
 | 
						|
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1">
 | 
						|
    <title>{{basics.firstName}} {{basics.lastName}}</title>
 | 
						|
    <link href="https://bootswatch.com/lumen/bootstrap.min.css" rel="stylesheet" />
 | 
						|
   <style>
 | 
						|
    </style>
 | 
						|
 | 
						|
  
 | 
						|
  </head>
 | 
						|
  <body>
 | 
						|
    <div class="container">
 | 
						|
  <div class="row">
 | 
						|
    <div class="col-md-8 col-md-offset-2">
 | 
						|
      <div class="row">
 | 
						|
        <div class="col-md-6 col-sm-12">
 | 
						|
        <h1>{{basics.name}}<h1>
 | 
						|
 | 
						|
        <h2>{{basics.location.city}}</h2>
 | 
						|
        </div>
 | 
						|
        <div class="col-md-6 col-sm-12">
 | 
						|
        <img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="{{basics.gravatar}}" style="width: 100px; height: 100px; margin-top: 20px;">
 | 
						|
 | 
						|
        </div>
 | 
						|
        </div>
 | 
						|
      <hr style="color: #ccc; height: 4px;" />
 | 
						|
      <section class="row">
 | 
						|
        <header class="col-md-3">
 | 
						|
          <h3>About</h3>
 | 
						|
        </header>
 | 
						|
        <div class="col-md-9">
 | 
						|
        <p>{{basics.summary}}</p>
 | 
						|
        {{#basics.phone}}
 | 
						|
        <strong>Phone:</strong> {{basics.phone}} <br />
 | 
						|
        {{/basics.phone}}
 | 
						|
        {{#basics.email}}
 | 
						|
        <strong>Email:</strong> {{basics.email}}<br />
 | 
						|
        {{/basics.email}}
 | 
						|
        {{#profiles.twitter}}
 | 
						|
        <strong>Twitter:</strong> <a href="http://twitter.com/{{.}}">{{.}}</a><br />
 | 
						|
        {{/profiles.twitter}}
 | 
						|
        {{#profiles.github}}
 | 
						|
        <strong>Github:</strong> <a href="http://github.com/{{.}}">{{.}}</a><br />
 | 
						|
 | 
						|
        {{/profiles.github}}
 | 
						|
        </div>
 | 
						|
      </section>
 | 
						|
      {{#work.length}}
 | 
						|
      <section class="row">
 | 
						|
        <header class="col-md-3">
 | 
						|
          <h3>Work Experience</h3>
 | 
						|
        </header>
 | 
						|
        <div class="col-md-9">
 | 
						|
          <div class="skills">
 | 
						|
            {{#work}}
 | 
						|
            <h3>{{company}}</h3>
 | 
						|
            <strong>{{position}}</strong>
 | 
						|
            <p>{{startDateYear}} - {{endDateYear}}</p>
 | 
						|
            <p>{{summary}}</p>
 | 
						|
            <ul>
 | 
						|
              {{#highlights}}
 | 
						|
              <li>{{.}}</li>
 | 
						|
              {{/highlights}}
 | 
						|
            </ul>
 | 
						|
            <hr />{{/work}}
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
      </section>
 | 
						|
      {{/work.length}} 
 | 
						|
 | 
						|
      {{#education.length}}
 | 
						|
      <section class="row">
 | 
						|
        <header class="col-md-3">
 | 
						|
          <h3>Education</h3>
 | 
						|
        </header>
 | 
						|
        <div class="col-md-9">
 | 
						|
          <div class="skills">
 | 
						|
            {{#education}}
 | 
						|
            <h3>{{institution}}</h3>
 | 
						|
            <h4>{{educationDetail}}</h4>
 | 
						|
            <p>{{startDateYear}} - {{endDateYear}}</p>
 | 
						|
            <p>{{summary}}</p>
 | 
						|
            <ul>
 | 
						|
              {{#highlights}}
 | 
						|
              <li>{{.}}</li>
 | 
						|
              {{/highlights}}
 | 
						|
            </ul>
 | 
						|
            <hr />
 | 
						|
            {{/education}}
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
      </section>
 | 
						|
      {{/education.length}} 
 | 
						|
      {{#skills.length}}
 | 
						|
      <section class="row">
 | 
						|
        <header class="col-md-3">
 | 
						|
          <h3>Skills</h3>
 | 
						|
        </header>
 | 
						|
        <div class="col-md-9">
 | 
						|
          <div class="row-fluid skills">
 | 
						|
            {{#skills}}
 | 
						|
            <ul class="col-md-6">
 | 
						|
 | 
						|
              <li>
 | 
						|
                <h4>{{name}}</h4>
 | 
						|
                <ul>
 | 
						|
                  {{#keywords}}
 | 
						|
                  <li>{{.}}</li>
 | 
						|
                  {{/keywords}}
 | 
						|
                </ul>
 | 
						|
              </li>
 | 
						|
            </ul>
 | 
						|
            {{/skills}}
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
      </section>
 | 
						|
      {{/skills.length}}
 | 
						|
      {{#references.length}}
 | 
						|
      <section class="row">
 | 
						|
        <header class="col-md-3">
 | 
						|
          <h3>References</h3>
 | 
						|
        </header>
 | 
						|
        <div class="col-md-9">
 | 
						|
          <div class="row-fluid skills">
 | 
						|
            {{#references}}
 | 
						|
 | 
						|
            <p>{{reference}} -
 | 
						|
              <strong>{{name}}</strong>
 | 
						|
            </p>
 | 
						|
            {{/references}}
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
      </section>
 | 
						|
      {{/references.length}}
 | 
						|
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
</div>
 | 
						|
 | 
						|
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 | 
						|
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 | 
						|
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 | 
						|
  </body>
 | 
						|
</html>
 |