214 lines
8.8 KiB
HTML
214 lines
8.8 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Hyperspace by HTML5 UP
|
|
html5up.net | @n33co
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Garrett Mills</title>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
|
<link rel="stylesheet" href="assets/css/main.css"/>
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
|
</head>
|
|
<body>
|
|
<!-- Sidebar -->
|
|
<section id="sidebar">
|
|
<div class="inner">
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#intro">Welcome</a></li>
|
|
<li><a href="#one">Who I Am</a></li>
|
|
<li><a href="#two">What I Do</a></li>
|
|
<li><a href="#three">Get In Touch</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Intro -->
|
|
<section id="intro" class="wrapper style1 fullscreen fade-up">
|
|
<div class="inner">
|
|
<h1>Hi, I'm Garrett.</h1>
|
|
<p>I develop applications for the <a href="https://en.wikipedia.org/wiki/Capitalization_of_%22Internet%22">(capital 'I')</a> Internet.</p>
|
|
<ul class="actions">
|
|
<li><a href="#one" class="button scrolly">Learn more</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- One -->
|
|
<section id="one" class="wrapper style2 spotlights">
|
|
<section>
|
|
<a href="#" class="image"><img src="assets/images/garrett.jpg" alt="" data-position="center center"/></a>
|
|
<div class="content">
|
|
<div class="inner">
|
|
<h2>Who I Am</h2>
|
|
<p>(insert Steve Jobs joke here) I am Garrett Mills, software developer, amateur systems designer, and Open-Source advocate. I have over 5 years of experience coding. Starting with Python, I have worked with a number of languages, including Java, PHP, Javascript, Ruby, HTML5, and Bash, among others. My favorite language is Ruby, mostly due to its flexibility. I have worked on a number of projects, including <a href="#">a secure authentication platform</a> and <a href="https://web.archive.org/web/20160321204331/http://glmills.gq/free">a website about open-source</a>.</p>
|
|
<ul class="actions">
|
|
<li><a href="#three" class="button scrolly">Get In Touch</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--
|
|
<section>
|
|
<a href="#" class="image"><img src="images/pic02.jpg" alt="" data-position="top center" /></a>
|
|
<div class="content">
|
|
<div class="inner">
|
|
<h2>Feugiat consequat</h2>
|
|
<p>Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.</p>
|
|
<ul class="actions">
|
|
<li><a href="#" class="button">Learn more</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
|
|
<div class="content">
|
|
<div class="inner">
|
|
<h2>Ultricies aliquam</h2>
|
|
<p>Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.</p>
|
|
<ul class="actions">
|
|
<li><a href="#" class="button">Learn more</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
-->
|
|
</section>
|
|
|
|
<!-- Two -->
|
|
<section id="two" class="wrapper style3 fade-up">
|
|
<div class="inner">
|
|
<h2>What I Do</h2>
|
|
<p>I work on a variety of application development, mainly focusing on web applications. I have a lot of experience with front-end languages such as Javascript (jQuery) and CSS, but I prefer working on back-end application development using PHP, MongoDB, and MySQL.</p>
|
|
<div class="features">
|
|
<section>
|
|
<span class="icon major fa-code"></span>
|
|
<h3>Web Site Design</h3>
|
|
<p>I am skilled in designing dynamic websites in standard HTML5, as well as frameworks such as Bootstrap or ReactJS. <a href="#">Learn More</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon major fa-lock"></span>
|
|
<h3>CT Identity</h3>
|
|
<p>CT Identity is an authentication platform that is free for web developers to use with their apps. <a href="#">Learn More</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon major fa-cog"></span>
|
|
<h3>Web App Development</h3>
|
|
<p>I have developed the framework for numerous web apps, using platforms such as PHP, MySQL, and Rails. <a href="#">Learn More</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon major fa-desktop"></span>
|
|
<h3>UDF Academy</h3>
|
|
<p>UDF Academy is a free peer-tutoring platform for students, which I developed the back-end for using Laravel. <a href="#">Learn More</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon major fa-diamond"></span>
|
|
<h3>Ruby</h3>
|
|
<p>Ruby is my favorite language, which I will be using to create a Raspberry Pi automation system. <a href="#">Learn More</a></p>
|
|
</section>
|
|
<section>
|
|
<span class="icon major fa-chain"></span>
|
|
<h3>Blog</h3>
|
|
<p>Here, you can keep up with my different projects as I work on them. <a href="#">Learn More</a> (for progress on UDF Academy, <a href="#">click here</a>)</p>
|
|
</section>
|
|
</div>
|
|
<!--
|
|
<ul class="actions">
|
|
<li><a href="#" class="button">Learn more</a></li>
|
|
</ul>
|
|
-->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Three -->
|
|
<section id="three" class="wrapper style1 fade-up">
|
|
<div class="inner">
|
|
<h2>Get In Touch</h2>
|
|
<p>I'd love to hear from you! If you have questions about any of my projects, want me to work on a project, or if you just want to get in touch, feel free to drop me a line.</p>
|
|
<div class="split style1">
|
|
<section>
|
|
<form action="//web.archive.org/web/20160321204331/http://formspree.io/garrett@glmills.gq" method="POST">
|
|
<div class="field half first">
|
|
<label for="name">Name</label>
|
|
<input type="text" name="name" id="name"/>
|
|
</div>
|
|
<div class="field half">
|
|
<label for="email">Email</label>
|
|
<input type="text" name="_replyto" id="email"/>
|
|
</div>
|
|
<div class="field">
|
|
<label for="message">Message</label>
|
|
<textarea name="message" id="message" rows="5"></textarea>
|
|
<input type="hidden" name="_next" value="http://glmills.gq/me/sent/"/>
|
|
<input type="hidden" name="_subject" value="Contact form submitted from GLMILLS.GQ/ME"/>
|
|
</div>
|
|
<ul class="actions">
|
|
<li><a href="" class="button submit">Send Message</a></li>
|
|
</ul>
|
|
</form>
|
|
</section>
|
|
<section>
|
|
<ul class="contact">
|
|
<!--
|
|
<li>
|
|
<h3>Address</h3>
|
|
<span>12345 Somewhere Road #654<br />
|
|
Nashville, TN 00000-0000<br />
|
|
USA</span>
|
|
</li>
|
|
-->
|
|
<li>
|
|
<h3>Email</h3>
|
|
<a href="https://web.archive.org/web/20160321204331/mailto:garrett@glmills.gq">garrett@glmills.gq</a>
|
|
</li>
|
|
<li>
|
|
<h3>Phone</h3>
|
|
<span>(913) 730-7124</span>
|
|
</li>
|
|
<li>
|
|
<h3>Social</h3>
|
|
<ul class="icons">
|
|
<li><a href="#" class="fa-google-plus"><span class="label">Google+</span></a></li>
|
|
<li><a href="http://www.github.com/glmills" class="fa-github"><span class="label">GitHub</span></a></li>
|
|
<li><a href="https://www.linkedin.com/start/view-full-profile?_ed=0__slBuRT9qiu5qPf1yjwZxO39ka6Z3RG5xMenR1-ViKPKm8ilHfVM4Pb6a4gRGHyn&trk=pprof-0-ts-view_full-0" class="fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer" class="wrapper style1-alt">
|
|
<div class="inner">
|
|
<ul class="menu">
|
|
<li>© 2016 Garrett Mills. All rights reserved.</li><li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/skel.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |