mirror of
https://github.com/JuanCanham/jsonresume-theme-modern.git
synced 2024-11-22 08:20:11 +00:00
161 lines
4.4 KiB
Plaintext
161 lines
4.4 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>{{bio.firstName}} {{bio.lastName}}</title>
|
|
<link href="http://bootswatch.com/lumen/bootstrap.min.css" rel="stylesheet" />
|
|
<style>
|
|
section header h3 {
|
|
margin: 0;
|
|
}
|
|
section > div {
|
|
border-left: 1px solid #efefef;
|
|
}
|
|
section {
|
|
min-height: 100px;
|
|
margin-bottom: 30px;
|
|
}
|
|
section div > h3 {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
</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">
|
|
<h1>{{bio.firstName}} {{bio.lastName}}</h1>
|
|
|
|
<h2>{{bio.location.city}}</h2>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="{{bio.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>{{bio.summary}}</p>
|
|
{{#bio.phone.personal}}
|
|
<strong>Phone:</strong> {{bio.phone.personal}} <br />
|
|
{{/bio.phone.personal}}
|
|
{{#bio.email.personal}}
|
|
<strong>Email:</strong> {{bio.email.personal}}<br />
|
|
{{/bio.email.personal}}
|
|
{{#bio.profiles.twitter}}
|
|
<strong>Twitter:</strong> <a href="https://twitter.com/{{bio.profiles.twitter}}">@{{bio.profiles.twitter}}</a><br />
|
|
{{/bio.profiles.twitter}}
|
|
{{#bio.profiles.github}}
|
|
<strong>Github:</strong> <a href="https://github.com/{{bio.profiles.github}}">{{bio.profiles.github}}</a><br />
|
|
{{/bio.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>{{area}}, {{studyType}}</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>
|