diff --git a/index.md b/index.md
index 9679e0c9bcb45640c232754bc8fe1c00fc041bb6..17839fe7c0e15d423673e410fc4fcef41f6c7d38 100644
--- a/index.md
+++ b/index.md
@@ -15,37 +15,37 @@ The How-to cards are intended to provide practical guidance in implementing Data
             "title": "General",
             "caption": "I need information on LCSB operations",
             "icon": "<i class=\"large material-icons\">sticky_note_2</i>",
-            "link": "/cards#general"
+            "link": "{{ '/cards#general' | relative_url }}"
         },
         {
             "title": "Access",
             "caption": "How can I get access to systems and infrastructure?",
             "icon": "<i class=\"large material-icons\">login</i>",
-            "link": "/cards#access"
+            "link": "{{ '/cards#access' | relative_url }}"
         },
         {
             "title": "Contribute",
             "caption": "I want to share my knowledge and expertise. How?",
             "icon": "<i class=\"large material-icons\">add_circle</i>",
-            "link": "/cards#contribute"
+            "link": "{{ '/cards#contribute' | relative_url }}"
         },
         {
             "title": "Exchange channels",
             "caption": "I am looking to share data or information",
             "icon": "<i class=\"large material-icons\">multiple_stop</i>",
-            "link": "/cards#exchange-channels"
+            "link": "{{ '/cards#exchange-channels' | relative_url }}"
         },
         {
             "title": "Integrity",
             "caption": "I want to ensure that my work and research is compliant and reusable",
             "icon": "<i class=\"large material-icons\">vpn_key</i>",
-            "link": "/cards#integrity"
+            "link": "{{ '/cards#integrity' | relative_url }}"
         },
         {
             "title": "Lab",
             "caption": "I need information on wetlab equipment and procedures",
             "icon": "<i class=\"large material-icons\">science</i>",
-            "link": "/cards#lab"
+            "link": "{{ '/cards#lab' | relative_url }}"
         },
     ];
 
@@ -53,4 +53,4 @@ The How-to cards are intended to provide practical guidance in implementing Data
         window.start_cards();
     }, false);
 
-</script>
+</script>
\ No newline at end of file