JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://bootswatch.com/superhero/bootstrap.min.css">
<script src="http://fonts.googleapis.com/css?family=Lobster"></script>
<body>
<nav class='navbar navbar-default'>
<div class='container-fluid'>
<p class='navbar-brand'>Garrett Wills</p>
<p class='navbar-brand saying'><i>A full stack developer who thinks in code.</i></p>
</div>
</nav>
<div class='resume' id='resume'>
<h2 class='resume-title' id="resume-title"></h2>
<br>
<strong id="objective-title"></strong>
<p id="objective-text"></p>
<br>
<strong id="education-title"></strong>
<p id="education-test"></p>
<ul>
<li><strong id="major-title"></strong><p id="major-text"></p></li>
<li><strong id="minor-title"></strong><p id="minor-text"></p></li>
<li><strong id="graduated-title"></strong><p id="graduation-date"></p></li>
</ul>
<br>
<strong id="skills-title"></strong>
<div class='row'>
<div class='col-md-4'>
<ul>
<li id="html"></li>
<li id="css"></li>
<li id="javascript"></li>
<li id="java"></li>
</ul>
</div>
<div class='col-md-4'>
<ul>
<li id="sql"></li>
<li id="nosql"></li>
<li id="github"></li>
<li id="git"></li>
</ul>
</div>
<div class='col-md-4'>
<ul>
<li id="project-management"></li>
<li id="software-lifecycle"></li>
<li id="scrum"></li>
<li id="agile"></li>
</ul>
</div>
</div>
<br>
<strong...
CSS
.saying {
float: right;
color: #0ce3ac !important;
font-family: 'Lobster', cursive;
font-size: 1.35em;
margin-left: 0;
}
.resume {
margin-left: 15px;
margin-right: 15px;
}
.resume-title {
margin-top: 30px;
margin-bottom: 30px;
font-weight: bold;
color: #0ce3ac;
}
.btn-contact {
background: #0ce3ac;
border-radius: 4px;
font-weight: bold;
color: #fff;
margin-bottom: 30px;
}
.btn-contact:hover {
background: #09b287;
}
@media (max-width: 400px) {
.saying {
font-size: .5;
}
}
@media (max-width: 500px) {
.saying {
font-size: 1em;
}
}
@media (max-width: 768px) {
.navbar-brand {
padding-left: 0px;
}
}
JavaScript
var data = document.getElementsByTagName("*");
var tags = [data[21], data[23], data[24], data[26], data[27], data[30], data[31], data[33], data[34], data[36], data[37], data[39], data[43], data[44], data[45], data[46], data[49], data[50], data[51], data[52], data[55], data[56], data[57], data[58], data[60], data[61], data[63], data[64], data[66], data[67], data[68], data[69], data[71], data[73], data[74], data[76], data[77], data[78], data[79], data[81], data[83], data[84], data[86], data[87], data[88], data[90], data[91]];
var content = ["Resume", "Objective", "To continue a career in the field of computer science and engineering technology that will utilize the skills I have developed, and to continue to learn and build upon that foundation.", "Education", "The University of Toledo - Toledo, OH", "Major", "Bachelor of Science, Computer Science and Engineering Technology", "Minor", "Business Administration", "Graduated", "cum laude, May 2014", "Skills", "HTML", "CSS", "Javascript", "Java", "SQL", "NoSQL", "Github", "Git", "Project Management", "Software Lifecycle", "SCRUM", "Agile", "Experience", "The University of Toledo - Toledo, OH", "Instructor - Advanced Website Design", "Jan. 2015 - Present", "Github / Git", "Basic and Advanced HTML / CSS", "Basic and Advanced Javascript", "Frameworks, Analytics, and Optimization", "CNWR, Inc. - Toledo, OH", "Software Developer and Project Manager", "Sept. 2013 - Present", "Develop full stack solution web applications", "Evaluate business requirements and provide programming solutions", "Refactor, format, and clean up existing Java code base", "Provide project management solutions and expertise", "Beyond Gaming - Toledo, OH", "Project Manager", "Jan. 2012 - August 2013", "Managed TFS including all aspects of development/tracking", "Structured entire code development process and procedures", "Effectively provided communication between the engineering and business ends of the company", "References", "Available upon...