diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000000000000000000000000000000000000..de4a1275e48bceb24c69cf3a05a8a7a0450312d9
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,27 @@
+---
+layout: page
+title: Blog
+permalink: /blog/
+---
+<!-- Slider Start -->
+<section id="global-header">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <div class="block">
+          <h1>Get the latest on what we're doing</h1>
+          <p>Catch up with us, anytime and anywhere</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{% for post in site.posts %}
+<div class="post-area">
+  <a href="#" class="bold">{{ post.title }}</a>
+  <p class="post-date">{{ post.date | date_to_long_string }}</p>
+  <p>
+    {{ post.content | strip_html | truncatewords: 50 }}
+  </p>
+</div>
+{% endfor %}
diff --git a/contact.html b/contact.html
index 39ce975867005610f12a0f3ae51387308de1f25e..83c3f0f523376ec2a80f21a8884d06af78f7b597 100755
--- a/contact.html
+++ b/contact.html
@@ -1,7 +1,7 @@
 ---
 layout: page
 title: Contact us!
-permalink: /contact
+permalink: /contact/
 ---
 
 <!-- Slider Start -->
diff --git a/css/style.css b/css/style.css
index 4264c4f2283c60f3a5221b2c3b1b5561b18eb673..6e36a1ca1c2f50600579472685705da78fbbce84 100644
--- a/css/style.css
+++ b/css/style.css
@@ -11,3 +11,20 @@
  .bold {
    font-weight: bold;
  }
+
+.post-area {
+  padding: 40px;
+  width: 100%;
+  min-height: 150px;
+  background-color: white;
+  border-bottom: 1px dotted #ddd;
+}
+
+.post-area a:link, .post-area a:visited {
+  font-size: 30px;
+  color: #333;
+}
+
+.post-area a:hover {
+  color: #0D0017;
+}
diff --git a/work.html b/work.html
index 624b8d851661a75c9e35b705768d1fd274337e9e..ead905801412edf802a908eba3b76c64f7d41b34 100755
--- a/work.html
+++ b/work.html
@@ -1,7 +1,7 @@
 ---
 layout: page
 title: Our Work
-permalink: /work
+permalink: /work/
 ---
 
     <!-- Slider Start -->