Merge pull request #522 from picturepan2/0.5.5 v0.5.5

0.5.5

1 files changed, 6 insertions, 3 deletions

diff --git a/docs/index.html b/docs/index.html
index 1445c23..d6dc251 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Spectre.css - A Lightweight, Responsive and Modern CSS Framework</title>
+    <title>Spectre.css CSS Framework</title>
     <meta charset="utf-8">
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
     <meta name="author" content="Yan Zhu">
     <link rel="shortcut icon" href="img/favicons/favicon.ico">
     <link rel="icon" href="img/favicons/favicon.png">
@@ -13,13 +14,14 @@
     <link rel="stylesheet" href="dist/spectre-icons.min.css">
     <link rel="stylesheet" href="dist/spectre-exp.min.css">
     <link rel="stylesheet" href="dist/docs.min.css">
+    <link rel="canonical" href="https://picturepan2.github.io/spectre/">
   </head>
   <body>
     <div class="section section-hero bg-gray">
       <div class="grid-hero container grid-lg text-center" id="overview">
         <div class="docs-brand"><a class="docs-logo" href="index.html"><img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
             <h2>SPECTRE</h2></a></div>
-        <h1>Spectre.css</h1>
+        <h1>SPECTRE.CSS</h1>
         <h2>A 
           <u>Lightweight</u>, 
           <u>Responsive</u> and 
@@ -67,9 +69,10 @@
         <h2>Introduction</h2>
         <div class="columns">
           <div class="column col-10 col-sm-12 col-mx-auto text-left">
+            <p class="text-secondary"><strong>Spectre.css </strong>is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
             <p class="text-secondary">Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.</p>
           </div>
-          <div class="column col-10 col-sm-12 col-mx-auto"><a class="btn btn-lg" href="getting-started.html#installation">Install Spectre.css</a></div>
+          <div class="column col-10 col-sm-12 col-mx-auto"><a class="btn btn-lg" href="getting-started/installation.html">Install SPECTRE.CSS</a></div>
         </div>
       </div>
     </div>