moved theme sampling to json-resume/themes
This commit is contained in:
Bel LaPointe
241
json-resume/themes/classy.html
Normal file
241
json-resume/themes/classy.html
Normal file
@@ -0,0 +1,241 @@
|
||||
<!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>Bree LaPointe</title>
|
||||
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans' rel='stylesheet' type='text/css'>
|
||||
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
font-size: 62.5%;
|
||||
font-family: Montserrat;
|
||||
color: #333333;
|
||||
}
|
||||
.picture {
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:visited {
|
||||
color: #4e4e4e;
|
||||
}
|
||||
a:hover {
|
||||
color: #4e4e4e;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align:center;
|
||||
font-size: 2em;
|
||||
margin-top:1em;
|
||||
margin-left:5%;
|
||||
margin-right:5%;
|
||||
}
|
||||
h1 {
|
||||
font-size:3em;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.profile {
|
||||
font-family: Montserrat;
|
||||
font-size: 1em;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.contact-header {
|
||||
font-weight:bold;
|
||||
}
|
||||
.label {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.fa {
|
||||
font-size:2em;
|
||||
}
|
||||
.left {
|
||||
font-size: 1em;
|
||||
}
|
||||
.main {
|
||||
margin 0 auto;
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 3.5em;
|
||||
}
|
||||
h3 {
|
||||
font-size:2em;
|
||||
margin-bottom:0;
|
||||
}
|
||||
h4 {
|
||||
color: #4e4e4e;
|
||||
font-size:1.5em;
|
||||
margin-top:0;
|
||||
}
|
||||
.skills {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
p {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 1.5em;
|
||||
}
|
||||
li {
|
||||
font-family: 'Open Sans';
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.keywords {
|
||||
background-color: #333333;
|
||||
color:#fff;
|
||||
padding: 6px;
|
||||
font-size: 1.2em;
|
||||
margin-bottom: 5px;
|
||||
display:inline-block;
|
||||
}
|
||||
blockquote {
|
||||
margin: 2em 10px;
|
||||
padding: 1em 10px;
|
||||
border-left: 10px solid #edf0f5;
|
||||
font-family: 'Open Sans';
|
||||
font-size: 1.5em;
|
||||
}
|
||||
blockquote .name {
|
||||
font-weight:bold;
|
||||
font-family: "Montserrat";
|
||||
}
|
||||
.responsive-show {
|
||||
display:none;
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.header {
|
||||
font-size: 1.66em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
p {
|
||||
font-size:1.2em;
|
||||
}
|
||||
li {
|
||||
font-size:1.2em;
|
||||
}
|
||||
blockquote {
|
||||
font-size:1.2em;
|
||||
}
|
||||
h2 {
|
||||
font-size:2.3em;
|
||||
}
|
||||
.responsive-hidden {
|
||||
display:none;
|
||||
visibility: hidden;
|
||||
}
|
||||
.responsive-show {
|
||||
display:inline;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script src= "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class= "header">
|
||||
<h1>BREE LAPOINTE</h1>
|
||||
<h3 class= "label">PROGRAMMER</h3>
|
||||
<div class= "contact-header">
|
||||
San Francisco, California, US<br>
|
||||
2712 Broadway St
|
||||
</div>
|
||||
<div id= "contact">
|
||||
<br>
|
||||
<div class= "contact-header">
|
||||
EMAIL <span class= "responsive-hidden">•</span> <span class= "responsive-show"><br></span><a href= "mailto:contact@blapointe.com" target= "_blank">contact@blapointe.com</a> <span class= "responsive-show"><br><br></span>
|
||||
</div>
|
||||
<div class= "contact-header">
|
||||
PHONE <span class= "responsive-hidden">•</span> <span class= "responsive-show"><br></span>(912) 555-4321 <span class= "responsive-show"><br><br></span>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id= "profiles">
|
||||
<div class= "contact-header">PROFILES</div><br>
|
||||
<p class= "profile"><a href= "https://twitter.com/neutralthoughts" target= "_blank" class= "profile">Twitter</a></p>
|
||||
<p class= "profile"><a href= "https://soundcloud.example.com/dandymusicnl" target= "_blank" class= "profile">SoundCloud</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class= "main">
|
||||
<div id= "about">
|
||||
<h2><i class= "fa fa-user left"></i> ABOUT</h2>
|
||||
<p>
|
||||
Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
|
||||
</p>
|
||||
</div>
|
||||
<div id= "volunteer">
|
||||
<h2><i class= "fa fa-child left"></i> VOLUNTEER WORK</h2>
|
||||
<h3>Teacher, CoderDojo</h3>
|
||||
<h4>January 2012 - January 2013</h4>
|
||||
<p>Global movement of free coding clubs for young people.<br><a href= "" target= "_blank"></a></p>
|
||||
<h4>HIGHLIGHTS</h4>
|
||||
<ul>
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id= "skills">
|
||||
<h2><i class= "fa fa-tasks left"></i> SKILLS</h2>
|
||||
<h3 class= "skills">Web Development</h3>
|
||||
<span class= "keywords">HTML</span>
|
||||
<span class= "keywords">CSS</span>
|
||||
<span class= "keywords">Javascript</span>
|
||||
<h3 class= "skills">Compression</h3>
|
||||
<span class= "keywords">Mpeg</span>
|
||||
<span class= "keywords">MP4</span>
|
||||
<span class= "keywords">GIF</span>
|
||||
</div><br>
|
||||
<div id= "education">
|
||||
<h2><i class= "fa fa-graduation-cap left"></i> EDUCATION</h2>
|
||||
<h3>Bachelor, Information Technology - University of Oklahoma</h3>
|
||||
<h4>June 2011 - January 2014</h4>
|
||||
<h4>COURSES</h4>
|
||||
<ul>
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id= "awards">
|
||||
<h2><i class= "fa fa-trophy left"></i> AWARDS</h2>
|
||||
<h3>Digital Compression Pioneer Award - Techcrunch</h3>
|
||||
<h4>01 November 2014</h4>
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
<div id= "publications">
|
||||
<h2><i class= "fa fa-book left"></i> PUBLICATIONS</h2>
|
||||
<h3>Video compression for 3d media</h3>
|
||||
<h4>01 October 2014</h4>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.<br><a href= "" target= "_blank"></a></p>
|
||||
</div>
|
||||
<div id= "interests">
|
||||
<h2><i class= "fa fa-star left"></i> INTERESTS</h2>
|
||||
<h3 class= "skills">Wildlife</h3>
|
||||
<span class= "keywords">Ferrets</span>
|
||||
<span class= "keywords">Unicorns</span>
|
||||
</div>
|
||||
<div id= "languages">
|
||||
<h2><i class= "fa fa-language left"></i> LANGUAGES</h2>
|
||||
<h3>English</h3>
|
||||
<h4>Fluency: Native speaker</h4>
|
||||
</div>
|
||||
<div id= "references">
|
||||
<h2><i class= "fa fa-thumbs-up left"></i> REFERENCES</h2>
|
||||
<blockquote>
|
||||
It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
|
||||
<div class= "name"><br>- Erlich Bachman</div>
|
||||
</blockquote><br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user