diff --git a/css/home.css b/css/home.css
index 7a2a1cb..f1c583f 100644
--- a/css/home.css
+++ b/css/home.css
@@ -184,4 +184,20 @@ padding-bottom: 80px;
 	width:165px;
 	height:23px;
 	display:inline-block;
+}
+
+.feature-1 {
+  background: url('../img/hp-feature-1.png');
+  width: 222px;
+  height: 222px;
+}
+.feature-2 {
+  background: url('../img/hp-feature-2.png');
+  width: 222px;
+  height: 222px;
+}
+.feature-3 {
+  background: url('../img/hp-feature-3.png');
+  width: 222px;
+  height: 222px;
 }
\ No newline at end of file
diff --git a/js/views/home/page.js b/js/views/home/page.js
index d5b534d..dfc81a9 100644
--- a/js/views/home/page.js
+++ b/js/views/home/page.js
@@ -12,13 +12,10 @@ define([
   'modal',
   'text!templates/modals/login.html',
   'animations/cogs',
-  'animations/collaboration',
-  'animations/framework',
   'animations/mobile',
   'animations/private',
-  'animations/public',
-  'animations/stylish'
-], function($, _, Backbone, swiffy, Session, homeTemplate, AuthView, ApisList, exampleLoginTemplate, exampleLogoutTemplate, Modal, logint, acogs, acollaboration, aframework,amobile,aprivate,apublic,astylish){
+  'animations/public'
+], function($, _, Backbone, swiffy, Session, homeTemplate, AuthView, ApisList, exampleLoginTemplate, exampleLogoutTemplate, Modal, logint, acogs, amobile,aprivate,apublic){
   var ExamplePage = Backbone.View.extend({
     el: '.page',
     initialize: function () {
@@ -543,16 +540,10 @@ define([
           that.slider.changeSlide(that.slider.currentSlide, $(ev.currentTarget).attr('data-slide')*1);
         });
 
-        this.stage4 = new swiffy.Stage(document.getElementById('collaboration'),acollaboration);
-        this.stage5 = new swiffy.Stage(document.getElementById('stylish'),astylish);
-        this.stage6 = new swiffy.Stage(document.getElementById('framework'),aframework);
         this.stage7 = new swiffy.Stage(document.getElementById('cogs'),acogs);
 
 
         
-        this.stage4.start();
-        this.stage5.start();
-        this.stage6.start();
         this.stage7.start();
 
 
diff --git a/templates/home/page.html b/templates/home/page.html
index 3fe05e9..efca761 100644
--- a/templates/home/page.html
+++ b/templates/home/page.html
@@ -81,7 +81,7 @@ <h3 class="home-heading">
             WHAT DO YOU GET WITH AN API ENGINE ACCOUNT?
         </h3>
         <div class="feature-box">
-            <div id="stylish" style="width: 250px; height: 250px; margin: auto;">
+            <div id="stylish" class="feature-1" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">STYLISH DOCUMENTS</h4>
             <p class="feature-description">
@@ -89,7 +89,7 @@ <h4 class="blue-panel-feature-headings">STYLISH DOCUMENTS</h4>
             </p>
         </div>
         <div class="feature-box">
-            <div id="collaboration" style="width: 250px; height: 250px; margin: auto;">
+            <div id="collaboration" class="feature-2" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">COLLABORATION</h4>
             <p class="feature-description">
@@ -97,7 +97,7 @@ <h4 class="blue-panel-feature-headings">COLLABORATION</h4>
             </p>
         </div>
         <div class="feature-box last">
-            <div id="framework" style="width: 250px; height: 250px; margin: auto;">
+            <div id="framework" class="feature-3" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">FRAMEWORK AGNOSTIC</h4>
             <p class="feature-description">
diff --git a/templates/profile/page.html b/templates/profile/page.html
index ed6a442..e31b9b8 100644
--- a/templates/profile/page.html
+++ b/templates/profile/page.html
@@ -26,23 +26,23 @@ <h3>{{user.attributes.login}}</h3>
 
 
       {{#user.attributes.profile.twitter}}
-      <a href="http://twitter.com/{{user.attributes.profile.twitter}}"><img class="favicon icon" src="http://twitter.com/favicon.ico" /></a>
+      <a href="http://twitter.com/{{user.attributes.profile.twitter}}"><img class="favicon icon" src="//twitter.com/favicon.ico" /></a>
       {{/user.attributes.profile.twitter}}
 
       {{#user.attributes.profile.facebook}}
-      <a href="http://facebook.com/{{user.attributes.profile.facebook}}"><img class="favicon icon" src="http://facebook.com/favicon.ico" /></a>
+      <a href="http://facebook.com/{{user.attributes.profile.facebook}}"><img class="favicon icon" src="//facebook.com/favicon.ico" /></a>
       {{/user.attributes.profile.facebook}}
 
       {{#user.attributes.profile.github}}
-      <a href="http://github.com/{{user.attributes.profile.github}}"><img class="favicon icon" src="http://github.com/favicon.ico" /></a>
+      <a href="http://github.com/{{user.attributes.profile.github}}"><img class="favicon icon" src="//github.com/favicon.ico" /></a>
       {{/user.attributes.profile.github}}
 
       {{#user.attributes.profile.stackoverflow}}
-      <a href="http://stackoverflow.com/{{user.attributes.profile.stackoverflow}}"><img class="favicon icon" src="http://stackoverflow.com/favicon.ico" /></a>
+      <a href="http://stackoverflow.com/{{user.attributes.profile.stackoverflow}}"><img class="favicon icon" src="//stackoverflow.com/favicon.ico" /></a>
       {{/user.attributes.profile.stackoverflow}}
 
       {{#user.attributes.profile.linkedin}}
-      <a href="http://linkedin.com/{{user.attributes.profile.linkedin}}"><img class="favicon icon" src="http://linkedin.com/favicon.ico" /></a>
+      <a href="http://linkedin.com/{{user.attributes.profile.linkedin}}"><img class="favicon icon" src="//linkedin.com/favicon.ico" /></a>
       {{/user.attributes.profile.linkedin}}
     </div> 
   </div>