diff --git a/blender-bfct/application/static/assets/css/bfct.css b/blender-bfct/application/static/assets/css/bfct.css
new file mode 100644
index 0000000..b10d582
--- /dev/null
+++ b/blender-bfct/application/static/assets/css/bfct.css
@@ -0,0 +1,7 @@
+.application_row {
+	width: 430%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+}
\ No newline at end of file
diff --git a/blender-bfct/application/templates/applications/index.html b/blender-bfct/application/templates/applications/index.html
index 2657dea..62b3e88 100755
--- a/blender-bfct/application/templates/applications/index.html
+++ b/blender-bfct/application/templates/applications/index.html
@@ -9,21 +9,30 @@
                     <th>Country</th>
                     <th>Date</th>
                     <th>Status</th>
-                    <th>Approvals</th>
-                    <th></th>
+                    <th class="content-align-center">Approvals</th>
                 </tr>
             </thead>
             <tbody>
-                {% for application in applications %}
-            <tr>
-                <td>{{application.user.first_name}} {{application.user.last_name}}</td>
-                <td>{{application.city_country}}</td>
-                <td>{{application.pretty_submission_date}}</td>
-                <td>{{application.status}}</td>
-                <td>{{application.approve}} / {{application.approve + application.reject}}</td>
-                <td><a href="{{url_for('applications.view', id=application.id)}}" class="btn btn-default btn-xs">View</a></td>
-            </tr>
-                {% endfor %}
+            {% for application in applications %}
+                <tr>
+                    <td class="relative">
+                        <a href="{{url_for('applications.view', id=application.id)}}" >
+                            <div class="application_row"></div>
+                        </a>
+                        {{application.user.first_name}} {{application.user.last_name}}
+                    </td>
+                    <td>{{application.city_country}}</td>
+                    <td>{{application.pretty_submission_date}}</td>
+                    <td>{{application.status}}</td>
+                    <td class="content-align-center">
+                        <span class="success">{{application.approve}}</span>
+                            /
+                        <span class="danger">{{application.approve + application.reject}}</span>
+                    </td>
+                </tr>
+
+                <div class="clearfix"></div>
+            {% endfor %}
             </tbody>
         </table>
         
diff --git a/blender-bfct/application/templates/index.html b/blender-bfct/application/templates/index.html
index 9845925..953dd36 100755
--- a/blender-bfct/application/templates/index.html
+++ b/blender-bfct/application/templates/index.html
@@ -1,18 +1,18 @@
 {% extends 'layout.html' %}
 {% block body %}
 <div class="row">
-    <div class="col-md-12">
-        <h2>BFCT program</h2>
-        <p>BFCT is the Blender Foundation’s official certified trainers program.This membership is renewed annually, along with updated knowledge on new topics Blender might cover.</p>
+	<div class="col-md-8">
+		<h2>What is the BFCT?</h2>
+		<p>BFCT is the Blender Foundation’s official certified trainers program.This membership is renewed annually, along with updated knowledge on new topics Blender might cover.</p>
 
-<p>The goals of the BFCT program are:</p>
+		<p>The goals of the BFCT program are:</p>
 
-<ul>
-<li>Provide a standard for Certification for everyone who is interested in teaching Blender professionally</li>
-<li>Help experienced Blender artists and developers to get into training business</li>
-<li>Increase the quality and quantity of Blender training worldwide</li>
-</ul>
-    </div>
+		<ul>
+			<li>Provide a standard for Certification for everyone who is interested in teaching Blender professionally</li>
+			<li>Help experienced Blender artists and developers to get into training business</li>
+			<li>Increase the quality and quantity of Blender training worldwide</li>
+		</ul>
+	</div>
 </div>
 
 {% endblock %}
diff --git a/blender-bfct/application/templates/layout.html b/blender-bfct/application/templates/layout.html
index 8fe7cd9..2110884 100644
--- a/blender-bfct/application/templates/layout.html
+++ b/blender-bfct/application/templates/layout.html
@@ -10,6 +10,8 @@
     <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> -->
     <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href="{{ url_for('static', filename='assets/css/bfct.css') }}" rel="stylesheet">
+    <link href="{{ url_for('static', filename='assets_shared/css/generic.css') }}" rel="stylesheet">
 
 <!--     <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> -->
 
@@ -32,17 +34,17 @@
     {% block modal %}
     {% endblock %}
 
-    <header class="navbar navbar-default navbar-static-top" role="navigation">
+    <header class="navbar navbar-default navbar-fixed-top" role="navigation">
       <div class="container">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
             <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
+            <i class="fa fa-bars"></i>
           </button>
-          <a class="navbar-brand" href="{{ url_for('homepage') }}">blender-BFCT</a>
+          <a class="navbar-brand" href="{{ url_for('homepage') }}">
+            <i class="bf-blender"></i> <span class="hidden-xs">Blender</span>
+          </a>
           <ul class="nav navbar-nav">
             <li><a href="http://blendernetwork.org/BFCT">Certified Trainers</a></li>
             <li><a href="http://www.blender.org/certification/become-a-trainer/">Become a Trainer</a></li>
@@ -53,7 +55,7 @@
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
-        <nav class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <nav class="collapse navbar-collapse" id="navbar-collapse-1">
           <ul class="nav navbar-nav navbar-right">
             {% if current_user.is_authenticated() %}
             <li class="dropdown">
@@ -76,25 +78,45 @@
         </nav><!-- /.navbar-collapse -->
       </div>
     </header>
+    <a name="hop"></a>
+
+    {% for message in get_flashed_messages() %}
+    <div class="alert alert-warning">
+      <div class="container">
+        {{ message }}
+        <button type="button" class="close" data-dismiss="alert"><i class="fa fa-times"></i></button>
+      </div>
+    </div>
+    {% endfor %}
+
+    <div class="container-fluid featured featured-xs">
+      <div class="col-md-12">
+        <div class="container">
+          <i class="backicon bf-network"></i>
+          <h1>Blender Foundation Certified Trainer Program</h1>
+        </div>
+      </div>
+    </div>
 
     <div class="container">
       <div class="row">
         <div class="col-md-12">
-          {% for message in get_flashed_messages() %}
-          <div class="alert alert-warning">
-              <button type="button" class="close" data-dismiss="alert">&times;</button>
-              {{ message }}
-            </div>
-          {% endfor %}
           {% block body %}{% endblock %}
         </div>
       </div>
-      <hr>
-      <footer>
-          <p>Blender-BFCT is part of the blender.org project</p>
-      </footer>
-
     </div> <!-- /container -->
+
+    <footer>
+      <div class="container">
+        <span class="pull-right">
+          <p>
+            Blender Foundation Certified Trainer
+            <a href="#hop"><i class="fa fa-caret-up"></i></a>
+          </p>
+        </span>
+      </div> <!-- /footer-container -->
+    </footer>
+
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
   {% block footer_scripts %}{% endblock %}