Переглянути джерело

Add some keywords on the index page for SEO

Gaël Métais 10 роки тому
батько
коміт
955f353a31
3 змінених файлів з 45 додано та 1 видалено
  1. 12 0
      front/src/css/index.css
  2. 14 0
      front/src/less/index.less
  3. 19 1
      front/src/views/index.html

+ 12 - 0
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;

+ 14 - 0
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;

+ 19 - 1
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>
+</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>