diff --git a/_layouts/default.html b/_layouts/default.html
index cfa8c7e9107f6ae48a645c0e341c4791c1daa00b..2113f3585b807d69f7f41879cf66e2ddc182de2f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -72,6 +72,8 @@
           <meta name="twitter:image:src" content="{{ site.url }}/{{ page.header-img }}">
         {% endif %}
 
+        <!-- Font awesome icons -->
+        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 
         <!-- syntax highlighting CSS -->
         <link rel="stylesheet" href="/static/css/syntax.css">
@@ -103,7 +105,8 @@
                 </div>
                 {% endif %}
 
-                <hr />                
+                {% include social_links.html %}
+
                 <div class="search" id="js-search">
                   <input type="text" placeholder="(sitemap)~$ type to search" class="search__input form-control" id="js-search__input">
                   <ul class="search__results" id="js-search__results"></ul>
diff --git a/static/css/main.css b/static/css/main.css
index ed5ec619f6747b955cacfca942fc475cb5a24cf8..bc90d766dead6063608019d76342583ae82b1649 100755
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -193,3 +193,20 @@ div.col-sm-3 img#about {
 .PageNavigation .prev {
     text-align: left;
 }
+
+.social{
+    display: block;
+    margin: 10px 0;
+}
+.social ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+.social ul li {
+    display: inline-block;
+    margin: 0 5px;
+}
+.social li a {
+    font-size: 16px;
+}