diff --git a/static/src/js/components/index/project-image.js b/static/src/js/components/index/project-image.js
index f7bc92e..76bdee5 100644
--- a/static/src/js/components/index/project-image.js
+++ b/static/src/js/components/index/project-image.js
@@ -5,9 +5,10 @@ var Col = ReactBootstrap.Col;
 export default class ProjectImage extends React.Component {
   render() {
     var animationClass = this.props.isHovered ? 'zoomIn' : 'zoomOut';
+    var classes = this.props.data.title.toLowerCase().replace(' ', '-');
     return (
       <Col sm={4} className="project-image">
-        <div className={'wrapper ' + this.props.data.className}>
+        <div className={'wrapper ' + classes}>
           <div className="project"
             onMouseOver={this.props.onHover}
             onMouseLeave={this.props.onLeave} >
diff --git a/static/src/js/components/index/project-images-main.js b/static/src/js/components/index/project-images-main.js
index 52ee695..ba77459 100644
--- a/static/src/js/components/index/project-images-main.js
+++ b/static/src/js/components/index/project-images-main.js
@@ -5,37 +5,31 @@ var Row = ReactBootstrap.Row;
 
 const DATA = [
   {
-    className: 'college',
-    title: 'College',
+    title: 'Custom PC',
     text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
     link: '',
   },
   {
-    className: 'personal',
     title: 'Personal',
     text: 'I write code just to write code, but sometimes it serves a purpose.',
     link: '',
   },
   {
-    className: 'work',
     title: 'Work',
     text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
     link: '',
   },
   {
-    className: 'college',
     title: 'College',
     text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
     link: '',
   },
   {
-    className: 'personal',
     title: 'Personal',
     text: 'I write code just to write code, but sometimes it serves a purpose.',
     link: '',
   },
   {
-    className: 'work',
     title: 'Work',
     text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
     link: '',
diff --git a/static/src/js/components/index/project-images-types.js b/static/src/js/components/index/project-images-types.js
index 0861d05..d5f993a 100644
--- a/static/src/js/components/index/project-images-types.js
+++ b/static/src/js/components/index/project-images-types.js
@@ -5,19 +5,16 @@ var Row = ReactBootstrap.Row;
 
 const DATA = [
   {
-    className: 'college',
     title: 'College',
     text: 'My time at college was where I learnt most about programming, and discovered my skill and passion for it.',
     link: '',
   },
   {
-    className: 'personal',
     title: 'Personal',
     text: 'I write code just to write code, but sometimes it serves a purpose.',
     link: '#project-images-main',
   },
   {
-    className: 'work',
     title: 'Work',
     text: 'I\'m an apprentice software developer at Dabapps, and this is what I\'ve done.',
     link: '',