You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

214 lines
8.8 KiB

<!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&amp;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>&copy; 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>