From 955f353a316389f7d05ebaceae056e70f54a12ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Fri, 6 Feb 2015 10:19:28 +0100
Subject: [PATCH] Add some keywords on the index page for SEO

---
 front/src/css/index.css    | 12 ++++++++++++
 front/src/less/index.less  | 14 ++++++++++++++
 front/src/views/index.html | 20 +++++++++++++++++++-
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/front/src/css/index.css b/front/src/css/index.css
index d22b867..f94ce7c 100644
--- a/front/src/css/index.css
+++ b/front/src/css/index.css
@@ -13,6 +13,18 @@
 .launchBtn.disabled {
   background: #deaca6;
 }
+.features {
+  display: table;
+  width: 50%;
+  margin: 8em auto 0;
+  font-size: 0.9em;
+  color: #413;
+}
+.features > div {
+  width: 33.3%;
+  display: table-cell;
+  padding: 0 1.5em;
+}
 input[type=submit],
 input.url {
   padding: 0 0.5em;
diff --git a/front/src/less/index.less b/front/src/less/index.less
index 5bbd573..3092c69 100644
--- a/front/src/less/index.less
+++ b/front/src/less/index.less
@@ -16,6 +16,20 @@
     }
 }
 
+.features {
+    display: table;
+    width: 50%;
+    margin: 8em auto 0;
+    font-size: 0.9em;
+    color: #413;
+
+    > div {
+        width: 33.3%;
+        display: table-cell;
+        padding: 0 1.5em;
+    }
+}
+
 input[type=submit], input.url {
     padding: 0 0.5em;
     margin: 0.5em;
diff --git a/front/src/views/index.html b/front/src/views/index.html
index 84ba965..d1518b7 100644
--- a/front/src/views/index.html
+++ b/front/src/views/index.html
@@ -3,4 +3,22 @@
 <form ng-submit="launchTest()" >
     <input type="text" name="url" ng-model="url" placeholder="http://www.mysite.com" class="url" />
     <input type="submit" value="Launch test" class="launchBtn" ng-class="{disabled: !url}" />
-</form>
\ No newline at end of file
+</form>
+
+
+<div class="features">
+    <div>
+        <h3>Front-end quality</h3>
+        <p>Audits quality problems in the HTML, CSS and JS</p>
+    </div>
+
+    <div>
+        <h3>WebPerf</h3>
+        <p>Checks if performance good practices are applied</p>
+    </div>
+
+    <div>
+        <h3>JS Profiling</h3>
+        <p>Untangles the JavaScript spaghetti code</p>
+    </div>
+</div>
\ No newline at end of file