Permalink
Browse files

NEW HOMEPAGE AGAIN!

  • Loading branch information...
1 parent 412bf1b commit 3a138fec2818fb0c7269a99610670f5c1a84dd8d @excid3 committed Oct 12, 2012
Binary file not shown.
Binary file not shown.
Binary file not shown.
View
@@ -1,73 +1,125 @@
<!DOCTYPE html>
<html>
- <head>
- <title>Chris Oliver | Software Engineer and Entrepreneur</title>
- <meta name="description" content="I write innovative software using Ruby, Rails, and Javascript for agencies, companies, and individuals looking for a developer who can understand their needs. ">
- <meta name="author" content="Chris Oliver">
-
- <link rel="shortcut icon" href="favicon.ico">
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800' rel='stylesheet' type='text/css'>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
- <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
- <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8">
- </head>
- <body>
+<head>
+ <title>Chris Oliver | Saint Louis Ruby on Rails Web Developer</title>
+ <meta name="description" content="Saint Louis Web Developer specializing in web development with Ruby on Rails, Javascript, HTML5, and CSS3">
+ <meta name="author" content="Chris Oliver">
- <div class="container">
- <h1 class="name"><a href="http://excid3.com">Chris Oliver</a> <span>is a rebel</span></h1>
+ <link rel="shortcut icon" href="favicon.ico">
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,800' rel='stylesheet' type='text/css'>
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <div class="about">
- I write <strong>innovative software</strong> for agencies, companies, and individuals looking for a developer who can understand their needs.
+ <link rel="stylesheet" href="stylesheets/style.css" type="text/css" charset="utf-8">
+</head>
+<body>
+
+ <div class="fluid-container header">
+ <div class="container">
+ <div class="pull-right nav">
+ <a href="http://excid3.com/blog">Blog</a>
+ <a href="https://twitter.com/excid3">Twitter</a>
+ <a href="https://github.com/excid3">Github</a>
+ <a href="mailto:chris@excid3.com?subject=Hello!">Say Hello</a>
</div>
+ <h1 class="name"><a href="http://excid3.com">Chris Oliver</a> <span>is a rebel</span></h1>
</div>
+ </div>
- <div id="nav">
+ <section class="dark">
+ <div class="fluid-container">
<div class="container">
- <ul class="links">
- <li><a class="email" href="mailto:chris@excid3.com?subject=Hello!">say hello</a></li>
- <li><a class="blog" href="http://excid3.com/blog">read my blog</a></li>
- <li><a class="twitter" href="http://twitter.com/excid3">follow me on twitter</a></li>
- <li><a class="github" href="http://github.com/excid3">view my work on github</a></li>
- </ul>
+ <div class="row">
+ <div class="span4 leftside animated fadeInUp">
+ <h1>
+ Building visions<br/>
+ <span class="light-blue">one day at a time</span>
+ </h1>
+ <p><i class="icon-map-marker light-blue"></i> Based in beautiful Saint Louis, Missouri</p>
+ <p><i class="icon-link light-blue"></i> Specializing in modern Web Development</p>
+ <p><i class="icon-beaker light-blue"></i> Crafting with Ruby on Rails, HTML5, CSS3, JS</p>
+ </div>
+
+ <div class="span7 offset1 animated fadeInRight">
+ <p>People believe that software is just built. It doesn't matter who writes it; the product will always end up how it was planned.</p>
+ <p><em>That could not be further from the truth.</em></p>
+ <p>Success comes from neat ideas, great timing, strong expertise, and a dash of luck. Don't take chances with a mediocre developer.</p>
+ <p><b>Choose someone who knows their craft.</b></p>
+ </div>
+
+ </div>
</div>
</div>
+ </section>
- <div id="get-in-touch" class="section">
- <div class="container">
- <p class="large">Everyone you meet knows something you don't.</p>
- <p>I'd love to meet you. Share your thoughts or just say hi.</p>
- <a class="btn" href="mailto:chris@excid3.com?subject=Hello!">Let's chat</a>
+ <section class="red">
+ <div class="fluid-container">
+ <div class="container animated fadeInUp">
+ <h1 class="centered">Much More Than Your Average Developer</h1>
+ <div class="row">
+ <div class="span4">
+ <h3><i class="icon-magic"></i> Experience</h3>
+ <p>User experience is the <em>one</em> thing a person takes away from your product. How it feels, how they remember it, and how they use your product are crucial to making their experience great.</p>
+ </div>
+
+ <div class="span4">
+ <h3><i class="icon-heart"></i> Simplicity</h3>
+ <p>If you look at the majority of websites out there, 90% of them are way too complex. That's because simplicity is very hard. You must truly understand the problems you try to solve.</p>
+ </div>
+
+ <div class="span4">
+ <h3><i class="icon-comments"></i> Feedback</h3>
+ <p>Most developers like to pretend they can do anything. But honest communication, feedback, and constructive criticism are important qualities of an exceptional team.</p>
+ </div>
+ </div>
</div>
</div>
+ </section>
- <div id="blog" class="section">
- <div class="container">
- <p class="large">Success Is Based On Persistence</p>
- <p>Life is complicated. I write often to help document, analyze, and inspire throughout my travels as a developer and entrepreneur.</p>
- <a class="btn" href="http://excid3.com/blog">Read My Blog</a>
+ <section class="blue">
+ <div class="fluid-container">
+ <div class="container animated fadeInUp">
+ <div class="row">
+ <div class="span7 animated fadeinright">
+ <p>Everything your craft is an expression of your vision, your personality, your beliefs. And my belief is that software should simply work, it should be a joy to use, and it should look good while doing so.</p>
+ <p><b>Sound like someone you'd like to work with?</b></p>
+ <p><a href="mailto:chris@excid3.com?subject=Hello!" class="button">Get In Touch</a></p>
+ </div>
+ <h1 class="span4 offset1 normal hidden-phone animated fadeinup">Creating Software Is A Form Of Art</h1>
+
+ </div>
</div>
</div>
+ </section>
- <div id="footer">
+ <footer>
+ <div class="fluid-container">
<div class="container">
- <p>Do things that scare you.</p>
+ <div class="pull-right motd">
+ Do things that scare you.
+ </div>
+
+ <div class="nav">
+ <a href="http://excid3.com/blog">Blog</a>
+ <a href="https://twitter.com/excid3">Twitter</a>
+ <a href="https://github.com/excid3">Github</a>
+ <a href="mailto:chris@excid3.com?subject=Hello!">Say Hello</a>
+ </div>
</div>
</div>
+ </footer>
+
+ <!-- Google Analytics -->
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-8399719-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
- <!-- Google Analytics -->
- <script type="text/javascript">
- $('.carousel').carousel({interval: 8000});
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-8399719-1']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
-
- </body>
+</body>
</html>
View
Binary file not shown.
View
Oops, something went wrong. Retry.

0 comments on commit 3a138fe

Please sign in to comment.