jshaver/html-resume
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
html-resume/resume.html

244 lines
8.9 KiB
HTML
Raw Normal View History

Add the html, css, and the dependencies
2016-04-09 22:38:36 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body lang="en">
<section id="main">
<header id="title">
<h1>John Doe</h1>
<span class="subtitle">Plaintiff, defendant &amp; witness</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">
Associate date's range "bar" to the second date-span element, as a pseudoelement. This allow a sole <span> element in <div class="date"> to display without a bar, which in turn allows us to achieve sematic consistency between single dates and date ranges.
2017-10-08 04:59:46 +00:00
<span>2014</span>
Add the html, css, and the dependencies
2016-04-09 22:38:36 +00:00
</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&aelig;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&ndash;Required Course (selective list)</h3>
</header>
<div class="concise">
<ul>
<li>Introduction to something else</li>
<li>Introduction to some more useless things</li>
Text tweaking in example html
2017-10-08 05:04:43 +00:00
<li>Philosophy in practice</li>
<li>Recursive research and its impact on recursive research</li>
Add the html, css, and the dependencies
2016-04-09 22:38:36 +00:00
<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>
Fix unclosed html tag `<ul>`
2017-08-04 04:03:07 +00:00
</ul>
Add the html, css, and the dependencies
2016-04-09 22:38:36 +00:00
</div>
<div class="side-block" id="disclaimer">
This r&eacute;sum&eacute; was wholly typeset with HTML/CSS &mdash; see <code>git.io/vVSYL</code>
</div>
</aside>
</body>
Fix unclosed html tag `<ul>`
2017-08-04 04:03:07 +00:00
</html>
Reference in a new issue Copy permalink