diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 0811706..9f7f5d1 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -28,13 +28,21 @@
         {{ end }}
       </div>
       <div class="author-meta col-md-6">
-      {{ with .Site.Params.author }}
-      <h1 class="author-name text-primary">{{ . }}</h1>
-      {{ end }}
-      {{ with .Site.Params.bio }}
-      <div class="author-bio">{{ . }}</div>
-      {{ end }}
+        {{ with .Site.Params.author }}
+        <h1 class="author-name text-primary">{{ . }}</h1>
+        {{ end }}
+        {{ with .Site.Params.bio }}
+        <div class="author-bio">{{ . }}</div>
+        {{ end }}
       </div>
+      {{ with .Site.Params.contact }}
+      <div class="author-contact col-md-4">
+        <a href="{{ . }}">
+          <i class="fa fa-envelope-o"></i>
+          &nbsp;Contact me
+        </a>
+      </div>
+      {{ end }}
     </section>
     <ul class="pager">
       {{ if .Next }}
diff --git a/static/css/main.css b/static/css/main.css
index 2c2892a..ded9ed0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -185,6 +185,33 @@ a.btn-back {
     height: 100px;
     border-radius: 50px;
 }
+
+.author-contact {
+    position: relative;
+    display: inline-block;
+    height: 100px;
+    text-align: center;
+    padding-top: 10px;
+}
+
+.author-contact a {
+    display: inline-block;
+    padding: 7px 16px;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    color: rgba(0, 0, 0, 0.7);
+    text-decoration: none;
+    font-weight: 300;
+    font-size: 13px;
+    transition: background-color,border-color,color 0.1s linear
+}
+
+.author-contact a:hover {
+    background-color: rgba(51, 122, 183, 1.0);
+    border: 1px solid rgba(51, 122, 182, 1.0);
+    color: rgba(255, 255, 255, 1.0);
+}
+
 /* Override some of Bootstrap's styles */
 
 pre {