diff --git a/_layouts/home.html b/_layouts/home.html
index bab2958..7ea028b 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -11,7 +11,8 @@
 
       <div class="clearfix border-bottom-thick header-border">
         <ul class="list-reset right py-1 header-text font-smoothing">
-          {% for my_page in site.pages %}
+          {% assign pages = site.pages | sort: "sort_index" %}
+          {% for my_page in pages %}
           {% if my_page.title %}
           <li class="inline-block">
             <a class="align-middle link-primary header-link mr-2" href="{{ my_page.url | prepend: site.baseurl }}">{{
diff --git a/about.markdown b/about.markdown
index 6ba9ea5..429c240 100644
--- a/about.markdown
+++ b/about.markdown
@@ -2,6 +2,7 @@
 layout: page
 title: About
 permalink: /about/
+sort_index: 1000
 ---
 
 The theme of this page is based on the [swiss](https://github.com/broccolini/swiss) jekyll
diff --git a/docs.html b/docs.html
index f29f08a..e784deb 100644
--- a/docs.html
+++ b/docs.html
@@ -2,6 +2,7 @@
 layout: page
 title: Docs
 permalink: /docs/
+sort_index: 1
 ---
 
 <div>
diff --git a/posts.html b/posts.html
index 2ceb185..fc984ba 100644
--- a/posts.html
+++ b/posts.html
@@ -2,6 +2,7 @@
 layout: page
 title: Posts
 permalink: /posts/
+sort_Index: 10
 ---
 
 <div class="container mx-auto px-2 py-4">