jsonresume-theme-modern/resume.template

161 lines
4.4 KiB
Plaintext
Raw Normal View History

2014-07-08 08:45:52 +01:00
<!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>
2014-07-09 07:49:52 +01:00
<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;
}
2014-07-08 08:45:52 +01:00
</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>{{educationDetail}}</h4>
2014-07-08 08:45:52 +01:00
<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>