You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
273 lines
6.9 KiB
HTML
273 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Jeffrey Elkner's Résumé</title>
|
|
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
</head>
|
|
|
|
<body lang="en">
|
|
<section id="main">
|
|
<header id="title">
|
|
<h1>Jeffrey Elkner</h1>
|
|
<span class="subtitle">Educator & Activist</span>
|
|
</header>
|
|
<section class="main-block">
|
|
<h2>
|
|
<i class="fa fa-suitcase"></i> Experiences
|
|
</h2>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2015</span><span>present</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Some Position</h3>
|
|
<span class="place">Some Workplace</span>
|
|
<span class="location">(remote)</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante.
|
|
Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum
|
|
dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas
|
|
viverra tortor eget convallis vestibulum. Donec pulvinar venenatis est, non
|
|
sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet
|
|
porttitor</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2014</span><span>2015</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Another Position</h3>
|
|
<span class="place">Some Workplace</span>
|
|
<span class="location">Some City, Some Country</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2013</span><span>2014</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Yet Another Job Position</h3>
|
|
<span class="place">Some Workplace</span>
|
|
<span class="location">Some City, Some Country</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<section class="main-block">
|
|
<h2>
|
|
<i class="fa fa-folder-open"></i> Selected Projects
|
|
</h2>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2015</span><span>2016</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Some Project 1</h3>
|
|
<span class="place">Some workplace</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi
|
|
ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio.
|
|
Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac</li>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi
|
|
ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2014</span><span>2015</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Some Project 2</h3>
|
|
<span class="place">Some workplace</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante.
|
|
Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum
|
|
dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas viverra
|
|
tortor eget convallis vestibulum. Donec pulvinar venenatis est, non
|
|
sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet
|
|
porttitor</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2014</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Some Project 3</h3>
|
|
<span class="place">Some workplace</span>
|
|
</header>
|
|
<div>
|
|
<ul>
|
|
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante.
|
|
Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<section class="main-block concise">
|
|
<h2>
|
|
<i class="fa fa-graduation-cap"></i> Education
|
|
</h2>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2009</span><span>2014</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Ph.D. in Forty-Two Discovery</h3>
|
|
<span class="place">Inexistent University</span>
|
|
<span class="location">Some City, Some Country</span>
|
|
</header>
|
|
<div>Relationship of the number with the answer to life, the universe and
|
|
everything</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2005</span><span>2009</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>LL.B. in Hæmatophagic Economics</h3>
|
|
<span class="place">Inexistent University</span>
|
|
<span class="location">Some City, Some Country</span>
|
|
</header>
|
|
<div>President's Scholarship</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
<span>2005</span><span>2009</span>
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>B.S. in Existential Science (Double Major)</h3>
|
|
<span class="place">Inexistent University</span>
|
|
<span class="location">Some City, Some Country</span>
|
|
</header>
|
|
<div>President's Scholarship</div>
|
|
</div>
|
|
</section>
|
|
<section class="blocks">
|
|
<div class="date">
|
|
</div>
|
|
<div class="decorator">
|
|
</div>
|
|
<div class="details">
|
|
<header>
|
|
<h3>Massive Online Fee–Required Course (selective list)</h3>
|
|
</header>
|
|
<div class="concise">
|
|
<ul>
|
|
<li>Introduction to something else</li>
|
|
<li>Introduction to some more useless things</li>
|
|
<li>Philosophy in practice</li>
|
|
<li>Recursive research and its impact on recursive research</li>
|
|
<li>Artificial politics</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
<aside id="sidebar">
|
|
<div class="side-block" id="contact">
|
|
<h1>
|
|
Contact Info
|
|
</h1>
|
|
<ul>
|
|
<li><i class="fa fa-globe"></i> johndoe.gtld</li>
|
|
<li><i class="fa fa-linkedin"></i> linkedin.com/in/john</li>
|
|
<li><i class="fa fa-envelope"></i> me@johndoe.gtld</li>
|
|
<li><i class="fa fa-phone"></i> 800.000.0000</li>
|
|
</ul>
|
|
</div>
|
|
<div class="side-block" id="skills">
|
|
<h1>
|
|
Skills
|
|
</h1>
|
|
<ul>
|
|
<li>Omnipresence</li>
|
|
<li>Anonymity</li>
|
|
</ul>
|
|
<ul>
|
|
<li>Ordinarity</li>
|
|
<li>No name rights</li>
|
|
</ul>
|
|
</div>
|
|
<div class="side-block" id="disclaimer">
|
|
<a href="https://git.io/vVSYL">Typeset with HTML / CSS</a><br>
|
|
<a id="vLink1"><strong> HTML </strong> Valid! </a> |
|
|
<a id="vLink2"><strong> CSS </strong> Valid! </a>
|
|
</div>
|
|
</aside>
|
|
<script>
|
|
var loc = window.location.href;
|
|
var HTMLlinkStr = 'http://validator.w3.org/check?uri=' + loc;
|
|
var CSSlinkStr = 'http://jigsaw.w3.org/css-validator/validator?uri=' +
|
|
loc + '?profile=css3';
|
|
var vLink1 = document.getElementById("vLink1");
|
|
vLink1.setAttribute("href", HTMLlinkStr);
|
|
var vLink2 = document.getElementById("vLink2");
|
|
vLink2.setAttribute("href", CSSlinkStr);
|
|
</script>
|
|
</body>
|
|
</html>
|