diff --git a/index.md b/index.md
index 38d9b6964e91caff662a4b1353baed105decbb04..e44a8446c7b245d8335226810bece66833edc529 100644
--- a/index.md
+++ b/index.md
@@ -14,3 +14,54 @@ The How-to cards are intended to provide practical guidance in implementing Data
 ## All categories
 
 <!-- index -->
+
+<div class="index-box-container">
+
+	<div class="index-box">
+		<h3>Access</h3>
+		<ul>
+			<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>
+
+		</ul>
+	</div>
+	<div class="index-box">
+		<h3>Contribute</h3>
+		<ul>
+			<li><a href="external/contribute/add-edit-card">How to add or edit a howto card</a></li>
+			<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>
+
+		</ul>
+	</div>
+	<div class="index-box">
+		<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>
+
+		</ul>
+	</div>
+	<div class="index-box">
+		<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>
+
+		</ul>
+	</div>
+	<div class="index-box">
+		<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/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>
+
+		</ul>
+	</div>
+</div>
\ No newline at end of file