add grid system and style examples.jsx

app/components/Examples.jsx

@@ -1,5 +1,5 @@
 var React = require('react');
-
+var {Link} = require('react-router');
 // var Examples = React.createClass({
 //   render: function () {
 //     return (
@@ -8,9 +8,20 @@ var React = require('react');
 //   }
 // });
 
-var Examples = () => {
+var Examples = (props) => {
   return (
-    <h3>Examples</h3>
-  );
+    <div>
+      <h1 className="text-center">Examples</h1>
+      <p>Here are a few example locations to try out:</p>
+      <ol>
+        <li>
+          <Link to='/?location=newyork'>New York, NY</Link>
+        </li>
+        <li>
+          <Link to='/?location=Rio'>Rio, Brazil</Link>
+        </li>
+      </ol>
+    </div>
+  )
 };
 module.exports = Examples;

app/components/Main.jsx

@@ -18,11 +18,14 @@ var Main = (props) => {
   return (
     <div>
       <Nav/>
-      <h2>Main Component</h2>
-      {props.children}
+      <div className="row">
+        <div className="columns medium-6 large-4 small-centered">
+          {props.children}
+        </div>
+      </div>
     </div>
 
   );
-};
+}
 
 module.exports = Main;