Update the Docs SEO and Logo

1 files changed, 6 insertions, 6 deletions

diff --git a/docs/index.html b/docs/index.html
index e45c9ef..83f4270 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,7 +6,7 @@
   <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="author" content="https://github.com/picturepan2/">
-  <title>Spectre.css - A lightweight, responsive and modern CSS framework</title>
+  <title>Spectre.css - a Lightweight, Responsive and Modern CSS Framework. </title>
   <link rel="stylesheet" href="dist/spectre.css">
   <link rel="stylesheet" href="dist/spectre-icons.css">
   <link rel="stylesheet" href="css/docs.css">
@@ -18,11 +18,11 @@
       <div class="docs-brand">
         <a href="index.html" class="docs-logo">
           <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
-          <h2>Spectre.css</h2>
+          <h2>SPECTRE</h2>
         </a>
       </div>
       <h1>Spectre.css</h1>
-      <h2>A <u>lightweight</u>, <u>responsive</u> and <u>modern</u> CSS framework</h2>
+      <h2>a <u>Lightweight</u>, <u>Responsive</u> and <u>Modern</u> CSS Framework</h2>
       <p>
         <a href="getting-started.html" class="btn btn-primary btn-lg">Docs</a>
         <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary btn-lg">GitHub</a>
@@ -65,10 +65,10 @@
 
   <div class="section section-features bg-primary text-light text-center">
     <div class="container grid-lg">
-      <h2>Installation</h2>
+      <h2>Introduction</h2>
       <div class="columns">
         <div class="column col-10 col-sm-12 col-mx-auto text-left">
-          <p class="text-large text-secondary">There are 5 ways to get started with Spectre.css CSS framework in your projects. You can either install manually, from CDN or use NPM, Yarn and Bower.</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 href="getting-started.html#installation" class="btn btn-lg">Install Spectre.css</a>
@@ -126,7 +126,7 @@
   <footer class="section section-footer">
     <div id="copyright" class="grid-footer container grid-lg">
       <p><a href="getting-started.html" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
-      <p>Designed and built with ♥ by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
+      <p>Designed and built with <span class="text-error">♥</span> by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
     </div>
   </footer>
   <script>