diff --git a/tpl/ink.html b/tpl/ink.html
index 2e7ebf670f..5a5a532a72 100644
--- a/tpl/ink.html
+++ b/tpl/ink.html
@@ -12,7 +12,8 @@
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
-  <!-- Place favicon.ico and apple-touch-icon(s) here  -->
+    
+<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
 
   <link rel="shortcut icon" href="http://cdn.ink.sapo.pt/3.1.1/img/favicon.ico">
   <link rel="apple-touch-icon" href="http://cdn.ink.sapo.pt/3.1.1/img/touch-icon-iphone.png">
@@ -52,15 +53,21 @@
   <style type="text/css">
 
     body {
-      background: #ededed;
+      background: #ffffff;
+      font-family: sans-serif;
+      font-size: 90%;
     }
 
     header h1 small:before  {
       content: "|";
       margin: 0 0.5em;
-      font-size: 1.6em;
+      font-size: 1.5em;
     }
-
+      
+    h1 {
+    color: #104e8b
+        }        
+      
     article header{
       padding: 0;
       overflow: hidden;
@@ -74,7 +81,11 @@
       padding-bottom: 2em;
       border-bottom: 1px solid #ccc;
     }
-
+    
+    table, th, td {
+    border: 1px solid #8b8989;
+    } 
+      
     .date {
       float: right;
     }
@@ -83,9 +94,13 @@
       font-weight: 700;
       line-height: 1.5;
     }
-
+    .push, footer {
+        height: 120px;
+        margin-top: 0;
+        margin-bottom: 10;
+      } 
     footer {
-      background: #ccc;
+      background: #cdc5bf;
     }
   </style>
   <script>
@@ -165,29 +180,29 @@ <h1 class="logo xlarge-push-left large-push-left">
 
   <section class="column-group gutters">
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
   </section>
 </div>