diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
index 77b63e4..aa377d9 100644
--- a/src/partials/header-content.hbs
+++ b/src/partials/header-content.hbs
@@ -24,24 +24,24 @@
     </nav>
     <nav class="navbar-sub">
       <div class="container">
-        <a class="navbar-sub-item" href="/home/index.html">Overview</a>
-        <a class="navbar-sub-item" href="/home/index.html">Architecture</a>
-        <a class="navbar-sub-item" href="/home/getting_started.html">Getting Started</a>
+        <a class="navbar-sub-item" href="{{{ relativize "/home/index.html" }}}">Overview</a>
+        <a class="navbar-sub-item" href="{{{ relativize "/home/index.html" }}}">Architecture</a>
+        <a class="navbar-sub-item" href="{{{ relativize "/home/getting_started.html" }}}">Getting Started</a>
         <div class="navbar-sub-item drop-down">
           Operators
           <div class="drop-down-content">
-            <a class="drop-down-item" href="/airflow/index.html">Apache Airflow</a>
-            <a class="drop-down-item" href="/druid/index.html">Apache Druid</a>
-            <a class="drop-down-item" href="/hbase/index.html">Apache HBase</a>
-            <a class="drop-down-item" href="/hdfs/index.html">Apache Hadoop HDFS</a>
-            <a class="drop-down-item" href="/hive/index.html">Apache Hive</a>
-            <a class="drop-down-item" href="/kafka/index.html">Apache Kafka</a>
-            <a class="drop-down-item" href="/nifi/index.html">Apache NiFi</a>
-            <a class="drop-down-item" href="/spark/index.html">Apache Spark</a>
-            <a class="drop-down-item" href="/superset/index.html">Apache Superset</a>
-            <a class="drop-down-item" href="/trino/index.html">Trino</a>
-            <a class="drop-down-item" href="/zookeeper/index.html">Apache ZooKeeper</a>
-            <a class="drop-down-item" href="/opa/index.html">OpenPolicyAgent</a>
+            <a class="drop-down-item" href="{{{ relativize "/airflow/index.html" }}}">Apache Airflow</a>
+            <a class="drop-down-item" href="{{{ relativize "/druid/index.html" }}}">Apache Druid</a>
+            <a class="drop-down-item" href="{{{ relativize "/hbase/index.html" }}}">Apache HBase</a>
+            <a class="drop-down-item" href="{{{ relativize "/hdfs/index.html" }}}">Apache Hadoop HDFS</a>
+            <a class="drop-down-item" href="{{{ relativize "/hive/index.html" }}}">Apache Hive</a>
+            <a class="drop-down-item" href="{{{ relativize "/kafka/index.html" }}}">Apache Kafka</a>
+            <a class="drop-down-item" href="{{{ relativize "/nifi/index.html" }}}">Apache NiFi</a>
+            <a class="drop-down-item" href="{{{ relativize "/spark/index.html" }}}">Apache Spark</a>
+            <a class="drop-down-item" href="{{{ relativize "/superset/index.html" }}}">Apache Superset</a>
+            <a class="drop-down-item" href="{{{ relativize "/trino/index.html" }}}">Trino</a>
+            <a class="drop-down-item" href="{{{ relativize "/zookeeper/index.html" }}}">Apache ZooKeeper</a>
+            <a class="drop-down-item" href="{{{ relativize "/opa/index.html" }}}">OpenPolicyAgent</a>
           </div>
         </div>