diff --git a/.ci/generateIndex.py b/.ci/generateIndex.py
index af7705de4da68becdb044958ba895f3b9293cfd1..bb89738881c974bef2b2bfa65fb866afa410e958 100644
--- a/.ci/generateIndex.py
+++ b/.ci/generateIndex.py
@@ -20,6 +20,9 @@ def build_link(title, href):
     elif ('handbook-annexes' in href):
         href = href.replace('handbook-annexes', 'handbook').strip()
 
+    # add relative url
+    href = "{{ '" + href + "' | relative_url }}"
+
     return f'\t\t\t<li><a href="{href}">{title}</a></li>\n'
 
 def build_section_start(title, shortcut):
@@ -198,8 +201,8 @@ for s in sections:
 index += "\n</div>"
 
 ## add link to return to main index
-index += "<br><center><a href='/'>go back</a></center>"
-index += "<br><center><a href='/cards'>Overview of all HowTo cards</a></center>"
+index += """<br><center><a href="{{ '/' | relative_url }}">go back</a></center>"""
+index += """<br><center><a href="{{ '/cards' | relative_url }}">Overview of all HowTo cards</a></center>"""
 
 # output the index
 #print(index)
diff --git a/cards.md b/cards.md
index 45befb4f4c53ac479b9e0012e9c66b250d05237c..672b502340071fd7199ae08630628fafded9e917 100644
--- a/cards.md
+++ b/cards.md
@@ -34,68 +34,68 @@ order: -1
 	<div class="index-box noborderbox" id="access">
 		<h3>Access</h3>
 		<ul>
-			<li><a href="external/access/harrenhal-access">HARRENHAL access</a></li>
-			<li><a href="external/access/lums-passwords">LUMS account</a></li>
-			<li><a href="external/access/passwords">Managing your passwords</a></li>
-			<li><a href="external/access/vpn-cerbere-access">VPN/CERBERE connection</a></li>
+			<li><a href="{{ 'external/access/harrenhal-access' | relative_url }}">HARRENHAL access</a></li>
+			<li><a href="{{ 'external/access/lums-passwords' | relative_url }}">LUMS account</a></li>
+			<li><a href="{{ 'external/access/passwords' | relative_url }}">Managing your passwords</a></li>
+			<li><a href="{{ 'external/access/vpn-cerbere-access' | relative_url }}">VPN/CERBERE connection</a></li>
 
 		</ul>
 	</div>
 	<div class="index-box noborderbox" id="contribute">
 		<h3>Contribute</h3>
 		<ul>
-			<li><a href="external/contribute/git-clients">Git clients</a></li>
-			<li><a href="external/contribute/install-git">Installation of Git</a></li>
-			<li><a href="external/contribute/markdown">Markdown</a></li>
-			<li><a href="external/contribute/mirror-fork">Mirror fork automatically</a></li>
-			<li><a href="external/contribute/vscode">Contribute using Visual Studio Code</a></li>
-			<li><a href="external/contribute/web-ide">Contribute using Gitlab Web IDE</a></li>
+			<li><a href="{{ 'external/contribute/git-clients' | relative_url }}">Git clients</a></li>
+			<li><a href="{{ 'external/contribute/install-git' | relative_url }}">Installation of Git</a></li>
+			<li><a href="{{ 'external/contribute/markdown' | relative_url }}">Markdown</a></li>
+			<li><a href="{{ 'external/contribute/mirror-fork' | relative_url }}">Mirror fork automatically</a></li>
+			<li><a href="{{ 'external/contribute/vscode' | relative_url }}">Contribute using Visual Studio Code</a></li>
+			<li><a href="{{ 'external/contribute/web-ide' | relative_url }}">Contribute using Gitlab Web IDE</a></li>
 
 		</ul>
 	</div>
 	<div class="index-box noborderbox" id="exchange-channels">
 		<h3>Exchange channels</h3>
 		<ul>
-			<li><a href="external/exchange-channels/asperaweb">AsperaWEB Quick Guide</a></li>
-			<li><a href="external/exchange-channels/calendar">Sharing calendar in Microsoft Exchange</a></li>
-			<li><a href="external/exchange-channels/owncloud">Owncloud</a></li>
+			<li><a href="{{ 'external/exchange-channels/asperaweb' | relative_url }}">AsperaWEB Quick Guide</a></li>
+			<li><a href="{{ 'external/exchange-channels/calendar' | relative_url }}">Sharing calendar in Microsoft Exchange</a></li>
+			<li><a href="{{ 'external/exchange-channels/owncloud' | relative_url }}">Owncloud</a></li>
 
 		</ul>
 	</div>
 	<div class="index-box noborderbox" id="general">
 		<h3>General</h3>
 		<ul>
-			<li><a href="external/general/attend-webex">Attend the LCSB Team Meeting online (webex)</a></li>
-			<li><a href="external/general/remote-working">Work remotely</a></li>
+			<li><a href="{{ 'external/general/attend-webex' | relative_url }}">Attend the LCSB Team Meeting online (webex)</a></li>
+			<li><a href="{{ 'external/general/remote-working' | relative_url }}">Work remotely</a></li>
 
 		</ul>
 	</div>
 	<div class="index-box noborderbox" id="integrity">
 		<h3>Integrity</h3>
 		<ul>
-			<li><a href="external/integrity/checksum">Ensuring Integrity of Data Files with Checksums</a></li>
-			<li><a href="external/integrity/encryption/cloud">Data upload to cloud</a></li>
-			<li><a href="external/integrity/encryption/disk">Encrypting the Startup Disk for Your Laptop/Desktop</a></li>
-			<li><a href="external/integrity/encryption/file">Encrypting Files and Folders</a></li>
-			<li><a href="external/integrity/naming">Naming files</a></li>
-			<li><a href="external/integrity/organization">Organization</a></li>
-			<li><a href="external/integrity/spreadsheets">Working with spreadsheets</a></li>
+			<li><a href="{{ 'external/integrity/checksum' | relative_url }}">Ensuring Integrity of Data Files with Checksums</a></li>
+			<li><a href="{{ 'external/integrity/encryption/cloud' | relative_url }}">Data upload to cloud</a></li>
+			<li><a href="{{ 'external/integrity/encryption/disk' | relative_url }}">Encrypting the Startup Disk for Your Laptop/Desktop</a></li>
+			<li><a href="{{ 'external/integrity/encryption/file' | relative_url }}">Encrypting Files and Folders</a></li>
+			<li><a href="{{ 'external/integrity/naming' | relative_url }}">Naming files</a></li>
+			<li><a href="{{ 'external/integrity/organization' | relative_url }}">Organization</a></li>
+			<li><a href="{{ 'external/integrity/spreadsheets' | relative_url }}">Working with spreadsheets</a></li>
 
 		</ul>
 	</div>
 	<div class="index-box noborderbox" id="lab">
 		<h3>Lab</h3>
 		<ul>
-			<li><a href="external/lab/book-lab-equipment">How to book a Lab Equipment in Quarks</a></li>
-			<li><a href="external/lab/dishwasher-utilization-and-maintenance">Dishwasher utilization and maintenance</a></li>
-			<li><a href="external/lab/handwashing">Handwashing</a></li>
-			<li><a href="external/lab/lab-coats">Lab coats</a></li>
-			<li><a href="external/lab/maintenance_of_cold_traps">Maintenance of cold traps  </a></li>
-			<li><a href="external/lab/personal-alert-safety-system">Personal alert safety system (PASS)</a></li>
-			<li><a href="external/lab/quarks-chemical-platform">Quarks - Chemical platform</a></li>
-			<li><a href="external/lab/utilization-of-balances">Utilization of balances</a></li>
-			<li><a href="external/lab/utilization-of-pH-meter">Utilization of pH meter</a></li>
+			<li><a href="{{ 'external/lab/book-lab-equipment' | relative_url }}">How to book a Lab Equipment in Quarks</a></li>
+			<li><a href="{{ 'external/lab/dishwasher-utilization-and-maintenance' | relative_url }}">Dishwasher utilization and maintenance</a></li>
+			<li><a href="{{ 'external/lab/handwashing' | relative_url }}">Handwashing</a></li>
+			<li><a href="{{ 'external/lab/lab-coats' | relative_url }}">Lab coats</a></li>
+			<li><a href="{{ 'external/lab/maintenance_of_cold_traps' | relative_url }}">Maintenance of cold traps  </a></li>
+			<li><a href="{{ 'external/lab/personal-alert-safety-system' | relative_url }}">Personal alert safety system (PASS)</a></li>
+			<li><a href="{{ 'external/lab/quarks-chemical-platform' | relative_url }}">Quarks - Chemical platform</a></li>
+			<li><a href="{{ 'external/lab/utilization-of-balances' | relative_url }}">Utilization of balances</a></li>
+			<li><a href="{{ 'external/lab/utilization-of-pH-meter' | relative_url }}">Utilization of pH meter</a></li>
 
 		</ul>
 	</div>
-</div><br><center><a href='/'>go back</a></center><br><center><a href='/cards'>Overview of all HowTo cards</a></center>
\ No newline at end of file
+</div><br><center><a href="{{ '/' | relative_url }}">go back</a></center><br><center><a href="{{ '/cards' | relative_url }}">Overview of all HowTo cards</a></center>
\ No newline at end of file
diff --git a/external/lab/quarks-chemical-platform/quarks-chemical-platform.md b/external/lab/quarks-chemical-platform/quarks-chemical-platform.md
index aee49fdbae3daddda689b01fe5e3eceb2048c824..aad0f977213efc76a769ac20f71d6ea87e186a40 100644
--- a/external/lab/quarks-chemical-platform/quarks-chemical-platform.md
+++ b/external/lab/quarks-chemical-platform/quarks-chemical-platform.md
@@ -1,3 +1,11 @@
+---
+layout: page
+permalink: /external/lab/quarks-chemical-platform/
+shortcut: lab:quarks-chemical-platform
+redirect_from:
+  - /cards/lab:quarks-chemical-platform
+  - /external/cards/lab:quarks-chemical-platform
+---
 # Quarks - Chemical platform
 
 ## How to access Quarks?
diff --git a/index.md b/index.md
index 9679e0c9bcb45640c232754bc8fe1c00fc041bb6..b81e563d9624da0f4bb5447270ff3e74039d1ac5 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 }}"
         },
     ];