148 lines
6.1 KiB
HTML
Executable File
148 lines
6.1 KiB
HTML
Executable File
<head>
|
|
<link href="style.css" rel="stylesheet" />
|
|
<link href="fonts/open-sans-fontface/open-sans.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<page size="A4">
|
|
<div class="row text-center">
|
|
<span class="name">John Doe</span>
|
|
</div>
|
|
<div class="row text-center">
|
|
<p class="position center">Software Developer</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="image center">
|
|
<img src="img.jpg" />
|
|
</div>
|
|
</div>
|
|
<div class="left half">
|
|
<div class="experience">
|
|
<h3>Experience</h3>
|
|
<div class="experience-block">
|
|
<span class="company"> Company A </span>
|
|
<span class="job-title"> Developer </span>
|
|
<span class="time-period">since January 2016</span>
|
|
<span class="job-description">
|
|
Programming and watching cute cat videos.
|
|
</span>
|
|
</div>
|
|
<div class="experience-block">
|
|
<span class="company"> Company B </span>
|
|
<span class="job-title"> Frontend Developer </span>
|
|
<span class="time-period">January 2015 - December 2015</span>
|
|
<span class="job-description">
|
|
Fulfillment of extremly important tasks.
|
|
</span>
|
|
</div>
|
|
<div class="experience-block">
|
|
<span class="company">Company C</span>
|
|
<span class="job-title"> Trainee </span>
|
|
<span class="time-period">March 2014 - December 2014</span>
|
|
<span class="job-description">
|
|
Making coffee and baking cookies.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="contact">
|
|
<h3>Contact</h3>
|
|
<table>
|
|
<tr>
|
|
<td><a href="mailto:john.doe@email.com">john.doe@email.com</a></td>
|
|
<td><i class="fa fa-envelope" aria-hidden="true"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="tel:0123456789">0123 4567 89</a></td>
|
|
<td><i class="fa fa-phone" aria-hidden="true"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td>1234 Broadway <br> New York</td>
|
|
<td><i class="fa fa-home" aria-hidden="true"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="http://johndoe.com">johndoe.com</a></td>
|
|
<td><i class="fa fa-globe" aria-hidden="true"></i></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="http://github.com/JohnDoe">github.com/JohnDoe</a></td>
|
|
<td><i class="fa fa-github" aria-hidden="true"></i></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="right half">
|
|
<div class="education">
|
|
<h3>Education</h3>
|
|
<div class="education-block">
|
|
<span class="degree">Master of Arts</span>
|
|
<span class="degree-description">
|
|
Major in Hacking and Computer Penetration, University A, New York, USA.
|
|
</span>
|
|
</div>
|
|
<div class="education-block">
|
|
<span class="degree">Bachelor of Science</span>
|
|
<span class="degree-description">
|
|
Major in Engineering, University B, Los Angeles, USA.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<h3>Skills</h3>
|
|
<div class="skills">
|
|
<div class="skill-block">
|
|
<span class="skill">HTML5</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 95%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">CSS3</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 96%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">JavaScript</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 90%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">Node.js</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 98%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">Angular 2</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 70%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">TypeScript</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 85%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">ECMAScript</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 87%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-block">
|
|
<span class="skill">Docker</span>
|
|
<div class="skill-bar">
|
|
<div style="width: 99%" class="level"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="skills-other">
|
|
Also proficient in Adobe Photoshop and Illustrator, grew up bilingual (English and Klingon).
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</page>
|
|
</body>
|