-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
18 lines (18 loc) · 8.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--><!--[if gt IE 8]><!--><html class=no-js><!--<![endif]--><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>Paden: a front-end Hulk. Batman'ing technologies. Green Lanterns dev environments. Whaaa?</title><meta name=description content=""><meta name=viewport content="width=device-width"><!-- Place favicon.ico and apple-touch-icon.png in the root directory --><!-- build:css(.tmp) styles/main.css --><link rel=stylesheet href=css/tidy.css><!-- endbuild --><body><nav class="navbar navbar-fixed-top navbar-inverse" id=main-nav role=navigation><div class=container><!-- brand and toggle --><div class=navbar-header><div class="navbar-toggle pull-left sm-margin-left"><strong class=h5><i class="fa fa-fw fa-coffee"></i>Hello, I'm Paden</strong></div><button type=button class=navbar-toggle data-toggle=collapse data-target=.main-nav-collapse><span class=sr-only>Toggle Navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span></button></div><!-- navigation links --><div class="collapse navbar-collapse main-nav-collapse"><ul class="nav navbar-nav hidden-xs"><li><a href=#>ABOUT ME</a></li><li><a href=#projects><i class="fa fa-fw fa-code-fork"></i>NOTABLE PROJECTS</a></li><li><a href=#contact><i class="fa fa-fw fa-chevron-circle-right"></i>CONTACT ME</a></li><li><a href=attachments/Portillo_Paden_Resume2014.pdf download=Portillo_Paden_Resume2014.pdf target=_blank><i class="fa fa-fw fa-download"></i>RESUME</a></li></ul><ul class="nav navbar-nav visible-xs"><li><a href=# data-toggle=collapse data-target=.main-nav-collapse>ABOUT ME</a></li><li><a href=#projects data-toggle=collapse data-target=.main-nav-collapse><i class="fa fa-fw fa-code-fork"></i>NOTABLE PROJECTS</a></li><li><a href=#contact data-toggle=collapse data-target=.main-nav-collapse><i class="fa fa-fw fa-chevron-circle-right"></i>CONTACT ME</a></li><li><a href=attachments/Portillo_Paden_Resume2014.pdf download=Portillo_Paden_Resume2014.pdf target=_blank data-toggle=collapse data-target=.main-nav-collapse><i class="fa fa-fw fa-download"></i>RESUME</a></li></ul></div></div></nav><div class=wrapper style=padding-top:40px><!--[if lt IE 10]>
<p class="browsehappy sm-margin-top">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]--><header class="jumbotron no-margin-bottom light-bg" style="background: url('images/c854b748.sos.png')"><div class=container><div class=row><div class="col-md-5 col-sm-6 col-xs-12 text-center"><div class=avatar><img src="http://www.gravatar.com/avatar/a384d1e8f22f695d517c8215930e45c7?s=375" class="img-responsive img-circle visible-lg" alt="Profile Picture"> <img src="http://www.gravatar.com/avatar/a384d1e8f22f695d517c8215930e45c7?s=225" class="img-responsive img-circle visible-md" alt="Profile Picture"> <img src="http://www.gravatar.com/avatar/a384d1e8f22f695d517c8215930e45c7?s=275" class="img-responsive img-circle visible-sm" alt="Profile Picture"> <img src="http://www.gravatar.com/avatar/a384d1e8f22f695d517c8215930e45c7?s=150" class="img-responsive img-circle visible-xs" alt="Profile Picture"></div></div><div class="col-md-7 col-sm-6 col-xs-12 text-black"><h1 class=hide>Paden Portillo</h1><h2 class="heading hidden-xs animated lightSpeedIn"><i class="fa fa-fw fa-coffee"></i> Hello, I'm Paden</h2><p>A software engineer in love with web development.<br>I also enjoy CrossFit, Cello'ing, and being concise.</p><div class="visible-md visible-lg"><a href=#projects class="btn btn-default btn-lg sm-margin-right sm-margin-bottom"><i class="fa fa-fw fa-code-fork fa-lg"></i> NOTABLE PROJECTS</a> <a class="btn btn-primary btn-lg sm-margin-bottom" href=attachments/Portillo_Paden_Resume2014.pdf download=Portillo_Paden_Resume2014.pdf target=_blank><i class="fa fa-fw fa-download fa-lg"></i> DOWNLOAD MY RESUME</a></div><div class="visible-sm visible-xs"><a href=#projects class="btn btn-block btn-default btn-lg sm-margin-right sm-margin-bottom"><i class="fa fa-fw fa-code-fork fa-lg"></i> NOTABLE PROJECTS</a> <a class="btn btn-primary btn-block btn-lg sm-margin-bottom" href=attachments/Portillo_Paden_Resume2014.pdf download=Portillo_Paden_Resume2014.pdf target=_blank><i class="fa fa-fw fa-download fa-lg"></i> DOWNLOAD MY RESUME</a></div></div></div></div><div id=projects></div></header><div class=hr></div><div style="background:url('images/4449436b.wood_pattern.png'); padding-bottom:30px"><div class="container text-black"><h1 style="font-weight: 800" class=sm-margin-bottom><i class="fa fa-fw fa-code-fork"></i> Notable Projects</h1><div class=row><div class="col-xs-12 col-sm-6"><div class="panel panel-default"><div class=panel-heading><div class=panel-title><i class="fa fa-fw fa-lg fa-github"></i> <a href=http://github.com/NoesisEnergy/bootstrap style="text-decoration: underline">NoesisEnergy/bootstrap</a></div></div><div class=panel-body><strong class="h3 text-white">Routing, views, and business logic for <a href=http://www.noesisenergy.com target=_blank>Noesis Energy</a></strong></div><div class=panel-footer><span class="label label-primary">Angular</span> <span class="label label-primary">jQuery</span> <span class="label label-primary">Google Closure</span></div></div></div><div class="col-xs-12 col-sm-6"><div class="panel panel-default"><div class=panel-heading><div class=panel-title><i class="fa fa-fw fa-lg fa-github"></i> <a href=http://github.com/Paden/eastApp style="text-decoration: underline">Paden/eastApp</a></div></div><div class=panel-body><strong class="h3 text-white">App submission for East Austin Studio Tour's <a href="http://hackingeast.challengepost.com/" target=_blank>Hackathon</a></strong></div><div class=panel-footer><span class="label label-primary">Angular</span> <span class="label label-primary">AngularStrap</span> <span class="label label-primary">Bootstrap</span> <span class="label label-primary">GMaps</span></div></div></div></div><div class=row><div class="col-xs-12 col-sm-6"><div class="panel panel-default"><div class=panel-heading><div class=panel-title><i class="fa fa-fw fa-lg fa-github"></i> <a href=http://github.com/Paden/Paden.github.io style="text-decoration: underline">Paden/Paden.github.io</a></div></div><div class=panel-body><strong class="h3 text-white">The project that made this very site! <em class=small>[cue Inception sound]</em></strong></div><div class=panel-footer><span class="label label-primary">Yeoman</span> <span class="label label-primary">Grunt</span> <span class="label label-primary">Bower</span> <span class="label label-primary">Bootstrap</span></div></div></div><div class="col-xs-12 col-sm-6"><div class="panel panel-default"><div class=panel-heading><div class=panel-title><i class="fa fa-fw fa-lg fa-github"></i> <a href=http://github.com/Paden/WebMyService style="text-decoration: underline">Paden/WebMyService</a></div></div><div class=panel-body><strong class="h3 text-white">A RESTful, json-rpc compliant web service given a database schema.</strong></div><div class=panel-footer><span class="label label-primary">NodeJS</span> <span class="label label-primary">Express</span> <span class="label label-primary">Mongoose</span> <span class="label label-primary">MongoDB</span></div></div></div></div></div><div id=contact></div></div><div class=hr></div><div class=light-bg style="background: url('images/0a1d9488.whitediamond.png')"><div class=container><h1 style="font-weight: 800" class=text-black><i class="fa fa-fw fa-chevron-circle-right"></i> Contact Me <em class="h5 text-muted">powered by <a href=http://www.wufoo.com>Wufoo</a></em></h1><div class=row><div class="col-xs-12 col-sm-7"><div id=wufoo-zicmw7e0444v1h>Fill out my <a href=https://paden.wufoo.com/forms/zicmw7e0444v1h>online form</a>.</div></div></div></div></div></div><footer class="sm-margin-top text-center">© 2014, Paden Portillo</footer><script src=scripts/b439999a.vendor.js></script><script type=text/javascript>var zicmw7e0444v1h;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'paden',
'formHash':'zicmw7e0444v1h',
'autoResize':true,
'height':'517',
'async':true,
'host':'wufoo.com',
'header':'show',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { zicmw7e0444v1h = new WufooForm();zicmw7e0444v1h.initialize(options);zicmw7e0444v1h.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>