diff --git a/static/src/js/app.js b/static/src/js/app.js
index d213228..6e05723 100644
--- a/static/src/js/app.js
+++ b/static/src/js/app.js
@@ -1,6 +1,10 @@
 var React = require('react');
+var ProjectImages = require('./components/project-images');
+
 
 $(window).load(function(){
     $(window).trigger('scroll').trigger('resize');
     var s = skrollr.init();
-});
\ No newline at end of file
+});
+
+React.render(<ProjectImages />, document.getElementById('project-images'));
\ No newline at end of file
diff --git a/static/src/js/components/project-images.js b/static/src/js/components/project-images.js
new file mode 100644
index 0000000..9861a7d
--- /dev/null
+++ b/static/src/js/components/project-images.js
@@ -0,0 +1,19 @@
+var React = require('react');
+
+var projectImages = React.createClass({
+  render: function () {
+    return (
+      <div className="container">
+        <div className="panel panel-default">
+          <div className="panel-body row">
+            <div className="col-xs-4">
+              <p>things</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+});
+
+module.exports = projectImages;
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index db02ae7..c0e48c3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -18,15 +18,5 @@
       </div>
     </div>
 
-    <div class="container-fluid" id="project-images">
-      <div class="container">
-        <div class="panel panel-default">
-          <div class="panel-body row">
-            <div class="col-xs-4">
-              <p>things</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <div class="container-fluid" id="project-images"></div>
 {% endblock %}