diff --git a/docs/Gemfile b/docs/Gemfile
index 3f429c2..719f5d1 100644
--- a/docs/Gemfile
+++ b/docs/Gemfile
@@ -1,3 +1,3 @@
 source 'https://rubygems.org'
-gem "bulma-clean-theme",  '0.11.2'
+gem "bulma-clean-theme",  '0.12'
 gem 'github-pages', group: :jekyll_plugins
diff --git a/docs/Gemfile.lock b/docs/Gemfile.lock
index 7209465..c30161c 100644
--- a/docs/Gemfile.lock
+++ b/docs/Gemfile.lock
@@ -9,11 +9,11 @@ GEM
       zeitwerk (~> 2.2, >= 2.2.2)
     addressable (2.8.0)
       public_suffix (>= 2.0.2, < 5.0)
-    bulma-clean-theme (0.11.2)
+    bulma-clean-theme (0.12)
       jekyll (~> 3.9)
       jekyll-feed (~> 0.15)
       jekyll-paginate (~> 1.1)
-      jekyll-seo-tag (~> 2.6)
+      jekyll-seo-tag (~> 2.7)
       jekyll-sitemap (~> 1.4)
       kramdown-parser-gfm (~> 1.1)
     coffee-script (2.4.1)
@@ -280,7 +280,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  bulma-clean-theme (= 0.11.2)
+  bulma-clean-theme (= 0.12)
   github-pages
 
 BUNDLED WITH
diff --git a/docs/_data/menu.yaml b/docs/_data/menu.yaml
index 15572a7..2de619a 100644
--- a/docs/_data/menu.yaml
+++ b/docs/_data/menu.yaml
@@ -1,5 +1,7 @@
 - label: Docs
   items:
+    - name: Installation
+      link: '/#installation'
     - name: How To Use
       link: '/#how-to-use'
     - name: Alignment
diff --git a/docs/index.html b/docs/index.html
index ba96d9f..cd758ff 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,7 +6,7 @@
 hero_height: is-medium
 ---
 
-<div class="columns is-multiline">
+<div class="columns is-multiline" markdown="0">
     <div class="column is-12 has-text-right">
         <a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
             <img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
@@ -16,10 +16,18 @@
         </a>
         <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
     </div>
+    <div class="column is-12">
+        <div class="content">
+            <h2 id="installation">Installation</h2>
+            <ul>
+                <li><code>npm i -S bulma-block-list</code></li>
+                <li><code>@import "node_modules/bulma-block-list/src/block-list";</code> after importing Bulma.</li>
+            </ul>
+        </div>
+    </div>
     <div class="column is-12">
         <div class="content">
             <h2 id="how-to-use">How to use</h2>
-            <p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
             <p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
         </div>
 <div class="highlight highlight-text-html-basic">
diff --git a/package.json b/package.json
index 699cdb8..92de0d9 100644
--- a/package.json
+++ b/package.json
@@ -7,11 +7,7 @@
     "url": "https://github.com/chrisrhymes/bulma-block-list/issues"
   },
   "main": "src/block-list.scss",
-  "scripts": {
-    "css-build": "node-sass --omit-source-map-url src/demo.scss docs/demo.css",
-    "css-watch": "npm run css-build -- --watch",
-    "start": "npm run css-watch"
-  },
+  "scripts": {},
   "keywords": [
     "Bulma",
     "List",
@@ -22,8 +18,5 @@
   "license": "MIT",
   "dependencies": {
     "bulma": "^0.9.3"
-  },
-  "devDependencies": {
-    "node-sass": "^4.14.1"
   }
 }