diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..4187462
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,22 @@
+<section class="header">
+    <div class="container">
+        <div class="content">
+            <!-- Username -->
+            <a href="{{ site.baseurl | uri_escape }}">
+                <div class="name">{{ site.author.name | smartify | strip_html | normalize_whitespace }}</div>
+            </a>
+            <!-- Navigating -->
+            <nav>
+                <ul>
+                    {% for node in site.pages reversed %} {% if node.sidebar == true %}
+                        <li class="nav-item">
+                            <a href="{{ node.url | relative_url | uri_escape }}">
+                                <span>{{ node.title | smartify | strip_html | normalize_whitespace }}</span>
+                            </a>
+                        </li>
+                    {% endif %} {% endfor %}
+                </ul>
+            </nav>
+        </div>
+    </div>
+</section>