diff --git a/index.html b/index.html
index 76f9c05..247399c 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html>
 <body>
+    <div class="container"></div>
     <!--For Development Mode:-->
-    <!--<script src="./node_modules/steal/steal.js"></script>-->
-    <script src="./dist/steal.production.js"></script>
-</script>
+    <script src="./node_modules/steal/steal.js"></script>
+    <!--For Production Mode (uncomment this after run `npm run build`):-->
+    <!--<script src="./dist/steal.production.js"></script>-->
 </body>
 </html>
diff --git a/index.js b/index.js
index 06a1110..0300a1f 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,10 @@
 import "./styles.css";
 import $ from "jquery";
 
-$(document.body).append("<h1>Hello World!</h1>");
+let content = `
+<div class="content">
+	<img id="logo" src="//stealjs.com/docs/static/node_modules/bit-docs-docjs-theme/static/img/StealJS-Logo-V2.svg">
+	<p class="quote">Futuristic JavaScript dependency loader and builder</p>
+</div>`;
+
+$('.container').html(content);
diff --git a/package.json b/package.json
index 8de1c95..bda4c45 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,11 @@
   "steal": {
     "plugins": ["steal-css"]
   },
-  "devDependencies": {
+  "dependencies": {
     "jquery": "^3.1.1",
-    "steal": "^1.0.11",
+    "steal": "^1.0.11"
+  },
+  "devDependencies": {
     "steal-css": "^1.2.0",
     "steal-tools": "^1.0.3"
   }
diff --git a/styles.css b/styles.css
index eb6d901..ebf9aa4 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,25 @@
 html {
   font-family: sans-serif;
+  height: 100%;
+}
+body {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  display: table;
+  font-weight: 100;
+}
+.container {
+  text-align: center;
+  display: table-cell;
+  vertical-align: middle;
+}
+.content {
+  display: inline-block;
+}
+.quote {
+  font-size: 24px;
+  margin: 0;
+  color: #7F8386;
 }
