Files
jcreek.github.io/index.html
T

328 lines
13 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Resume - Start Bootstrap Theme</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css"
rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/resume.min.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Josh Creek</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/profile.png" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#coding">Coding</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Education</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#experience">Experience</a>
</li> -->
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#awards">Awards</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
<div class="w-100">
<h1 class="mb-0">Josh
<span class="text-primary">Creek</span>
</h1>
<div class="subheading mb-5">Web Developer · Computer Science Educator · Writer · Photographer · Content Creator · Teach First Ambassador · Google Trusted Tester
</div>
<p class="lead mb-5">I like to spend my time working on agile projects to solve problems in the education and
ecommerce spheres, creating educational content, writing poetry, doing portraiture and event photography,
playing competitive video games and playing ukulele.</p>
<p class="lead mb-5">I also enjoy recording audiobooks for LibriVox, making YouTube videos on a variety of
themes and streaming on Twitch. You can find me using the links below.</p>
<div class="social-icons">
<a href="https://www.github.com/jcreek">
<i class="fab fa-github"></i>
</a>
<a href="https://www.twitter.com/jcreek23">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.instagram.com/scruffy238/">
<i class="fab fa-instagram"></i>
</a>
<a href="https://www.youtube.com/jcreek23">
<i class="fab fa-youtube"></i>
</a>
<a href="https://www.youtube.com/scruffy238">
<i class="fab fa-youtube"></i>
</a>
<a href="https://www.twitch.tv/scruffy238/">
<i class="fab fa-twitch"></i>
</a>
</div>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="coding">
<div class="w-100">
<h2 class="mb-5">Programming Languages &amp; Tools</h2>
<p>I code in a variety of languages, using a number of different tools. Here they are for your perusal.</p>
<div class="subheading mb-3">Base Technologies</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<i class="fab fa-html5"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-js-square"></i>
</li>
<li class="list-inline-item">
<i class="devicon-jquery-plain"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-vuejs"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-node-js"></i>
</li>
<li class="list-inline-item">
<i class="devicon-csharp-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-dot-net-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-visualstudio-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-python-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-php-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-wordpress-plain"></i>
</li>
</ul>
<div class="subheading mb-3">Styling</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<i class="fab fa-css3-alt"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-sass"></i>
</li>
</ul>
<div class="subheading mb-3">Devops Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<i class="fab fa-gulp"></i>
</li>
<li class="list-inline-item">
<i class="fab fa-npm"></i>
</li>
<li class="list-inline-item">
<i class="devicon-docker-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-amazonwebservices-original"></i>
</li>
<li class="list-inline-item">
<i class="devicon-git-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-linux-plain"></i>
</li>
</ul>
<div class="subheading mb-3">Data</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item">
<i class="devicon-mongodb-plain"></i>
</li>
<li class="list-inline-item">
<i class="devicon-mysql-plain"></i>
</li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-check"></i>
Mobile-First, Responsive Design</li>
<li>
<i class="fa-li fa fa-check"></i>
Cross Browser Testing &amp; Debugging</li>
<li>
<i class="fa-li fa fa-check"></i>
Automated Testing</li>
<li>
<i class="fa-li fa fa-check"></i>
Agile Development &amp; Scrum</li>
</ul>
</div>
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="education">
<div class="w-100">
<h2 class="mb-5">Education</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">UCL Institute of Education</h3>
<div class="subheading mb-3">Postgraduate Certificate of Education</div>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">July 2015 - July 2016</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between">
<div class="resume-content">
<h3 class="mb-0">University of Exeter</h3>
<div class="subheading mb-3">English with Proficiency in French</div>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">September 2012 - July 2015</span>
</div>
</div>
</div>
</section>
<hr class="m-0">
<!-- <section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">
<div class="w-100">
<h2 class="mb-5">Experience</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Senior Web Developer</h3>
<div class="subheading mb-3">Intelitec Solutions</div>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day,
going forward, a new normal that has evolved from generation X is on the runway heading towards a
streamlined cloud solution. User generated content in real-time will have multiple touchpoints for
offshoring.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">March 2013 - Present</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Web Developer</h3>
<div class="subheading mb-3">Intelitec Solutions</div>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the
digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information
highway will close the loop on focusing solely on the bottom line.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">December 2011 - March 2013</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
<h3 class="mb-0">Junior Web Designer</h3>
<div class="subheading mb-3">Shout! Media Productions</div>
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless
key performance indicators offline to maximise the long tail. Keeping your eye on the ball while
performing a deep dive on the start-up mentality to derive convergence on cross-platform integration.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">July 2010 - December 2011</span>
</div>
</div>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between">
<div class="resume-content">
<h3 class="mb-0">Web Design Intern</h3>
<div class="subheading mb-3">Shout! Media Productions</div>
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C
users after installed base benefits. Dramatically visualize customer directed convergence without
revolutionary ROI.</p>
</div>
<div class="resume-date text-md-right">
<span class="text-primary">September 2008 - June 2010</span>
</div>
</div>
</div>
</section>
<hr class="m-0"> -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="awards">
<div class="w-100">
<h2 class="mb-5">Awards &amp; Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
2011 Headgate Theatre Young Playwrights Award
</li>
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
2013 Microsoft Imagine Cup World Citizenship Award (Ticklo)
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/resume.min.js"></script>
</body>
</html>