diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index c887015..432eb6e 100644
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -1,34 +1,37 @@
 <header id="header">
-  <div id="header-main" class="header-inner">
-    <div class="outer">
-      <a href="<%- url_for() %>" id="logo"><i class="logo"></i><span class="site-title"><%= config.title %></span></a>
-      <nav id="main-nav">
-        <% for (var i in theme.menu){ %>
-          <a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
-        <% } %>
-      </nav>
-      <% if(theme.profile) { %>
-      <nav id="sub-nav">
-        <div class="profile" id="profile-nav">
-          <a id="profile-anchor" href="javascript:;"><img class="avatar" src="<%- url_for(config.avatar) %>"><i class="fa fa-caret-down"></i></a>
+    <div id="header-main" class="header-inner">
+        <div class="outer">
+            <a href="<%- url_for() %>" id="logo"><!--<i class="logo"></i>--><span
+                        class="site-title"><%= config.title %></span></a>
+
+            <nav id="main-nav">
+                <% for (var i in theme.menu){ %>
+                <a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
+                <% } %>
+            </nav>
+            <% if(theme.profile) { %>
+            <nav id="sub-nav">
+                <div class="profile" id="profile-nav">
+                    <a id="profile-anchor" href="javascript:;"><img class="avatar" src="<%- gravatar(theme.email) %>"><i
+                                class="fa fa-caret-down"></i></a>
+                </div>
+            </nav>
+            <% } %>
+            <div id="search-form-wrap">
+                <%- search_form({button: ' '}) %>
+            </div>
         </div>
-      </nav>
-      <% } %>
-      <div id="search-form-wrap">
-        <%- search_form({button: ' '}) %>
-      </div>
     </div>
-  </div>
-  <div id="main-nav-mobile" class="header-sub header-inner">
-    <table class="menu outer">
-      <tr>
-      <% for (var i in theme.menu){ %>
-        <td><a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a></td>
-      <% } %>
-      <td>
-        <%- search_form() %>
-      </td>
-      </tr>
-    </table>
-  </div>
+    <div id="main-nav-mobile" class="header-sub header-inner">
+        <table class="menu outer">
+            <tr>
+                <% for (var i in theme.menu){ %>
+                <td><a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a></td>
+                <% } %>
+                <td>
+                    <%- search_form() %>
+                </td>
+            </tr>
+        </table>
+    </div>
 </header>
\ No newline at end of file
diff --git a/layout/_partial/profile.ejs b/layout/_partial/profile.ejs
index 6cd57df..5aca08d 100644
--- a/layout/_partial/profile.ejs
+++ b/layout/_partial/profile.ejs
@@ -1,32 +1,42 @@
 <aside id="profile">
-  <div class="inner profile-inner">
-  	<div class="base-info profile-block">
-		  <img id="avatar" src="<%- url_for(config.avatar) %>">
-      <h2 id="name"><%= config.author %></h2>
-      <h3 id="title"><%= config.author_title %></h3>
-      <span id="location"><i class="fa fa-map-marker"></i><%= config.location %></span>
-      <a id="follow" href="<%= config.follow %>"><%=__('profile.follow')%></a>
-  	</div>
-    <div class="article-info profile-block">
-      <div class="article-info-block">
-        <%= site.posts.length %>
-        <span><%= (site.posts.length > 1?__('profile.posts'):__('profile.post')) %></span>
-      </div>
-      <div class="article-info-block">
-        <%= site.tags.length %>
-        <span><%= (site.tags.length > 1?__('profile.tags'):__('profile.tag')) %></span>
-      </div>
-    </div>
-    <% if(theme.contacts) { %>
-    <div class="contact-info profile-block">
-      <table class="contact-list">
-        <tr>
-        <% for(var i in theme.contacts) { %>
-          <td><a href="<%- url_for(theme.contacts[i]) %>" target="_blank" title="<%= i %>"><i class="fa fa-<%= i %>"></i></a></td>
+    <div class="inner profile-inner">
+        <div class="base-info profile-block">
+            <img id="avatar" src="<%- gravatar(theme.email) %>">
+
+            <h2 id="name"><%= config.author %></h2>
+
+            <h3 id="title"><%= config.author_title %></h3>
+            <span id="location"><i class="fa fa-map-marker"></i><%= config.location %></span>
+            <a id="follow" href="<%= config.follow %>"><%= __('profile.follow') %></a>
+        </div>
+        <div class="article-info profile-block">
+            <div class="article-info-block">
+                <%= site.posts.length %>
+                <span><%= (site.posts.length > 1 ? __('profile.posts') : __('profile.post')) %></span>
+            </div>
+            <div class="article-info-block">
+                <%= site.tags.length %>
+                <span><%= (site.tags.length > 1 ? __('profile.tags') : __('profile.tag')) %></span>
+            </div>
+        </div>
+        <% if(theme.contacts) { %>
+        <div class="contact-info profile-block">
+            <table class="contact-list">
+                <tr>
+                    <% for(var i in theme.contacts) { %>
+                    <td><a href="<%- url_for(theme.contacts[i]) %>" target="_blank" title="<%= i %>"><i
+                                    class="fa fa-<%= i %>"></i></a></td>
+                    <% } %>
+                </tr>
+            </table>
+        </div>
         <% } %>
-        </tr>
-      </table>
+        <div class="article-info profile-block bio">
+            <h2>About</h2>
+
+            <p>I'm a software developer who likes to tweak/break gadgets and complain about everything under the
+                sun. When I'm not doing that, I'm usually playing games, watching films or watching sports.
+            </p>
+        </div>
     </div>
-    <% } %>
-  </div>
 </aside>
\ No newline at end of file
diff --git a/source/css/_partial/profile.styl b/source/css/_partial/profile.styl
index 1885daf..433efb8 100644
--- a/source/css/_partial/profile.styl
+++ b/source/css/_partial/profile.styl
@@ -1,3 +1,17 @@
+.bio
+  text-align: center
+
+#profile .inner .bio h2
+  font-size: 1.3em
+  font-weight: bold
+  margin-top: 15px
+
+#profile .inner .bio p
+  margin: 5px 20px 10px 20px
+  text-align: justify
+  max-width: 300px
+  line-height: 1.5em
+
 .profile-block
   padding: 15px 20px
   border-bottom: 1px solid color-border
@@ -8,7 +22,7 @@
   display: none
   @media mq-normal
     display: block
-    column(profile-column)
+  column(profile-column)
   .inner
     @extend $block
     margin-top: block-margin
@@ -86,7 +100,7 @@
                 white-space: nowrap
                 border-radius: 2px
                 text-transform: uppercase
-                box-shadow: 0 0 2px rgba(0,0,0,0.2)
+                box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)
                 z-index: 1
               &:before
                 top: -12px
@@ -107,7 +121,7 @@
     position: absolute
     .profile-inner
       position: relative
-      box-shadow: 0 2px 5px rgba(0,0,0,0.2)
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
       &:before, &:after
         z-index: 1
         content: ''