diff --git a/themes/cns_hp_theme/layouts/partials/main_menu.html b/themes/cns_hp_theme/layouts/partials/main_menu.html
index 04d8da84f161373fdff94dc41e65a7704e9c6423..17b95b7550e8894eabb6a4ea9df69d98905423ec 100644
--- a/themes/cns_hp_theme/layouts/partials/main_menu.html
+++ b/themes/cns_hp_theme/layouts/partials/main_menu.html
@@ -21,6 +21,7 @@
             {{ if eq .Identifier "lab" }}
             <div>
               {{ range .Children }}
+                {{ $nm := .Name }}
                 {{ $w := sub .Weight 1 }}
                 {{ $pt := .URL | relLangURL }}
                 <!-- Fetch image path -->
@@ -28,7 +29,7 @@
                   {{ if eq .Title "Lab" }}
                     {{ range $index, $element := (.Page.Param "image") }}
                       {{ if eq $w $index }}
-                        <a href={{ $pt }}><img src="{{ . }}" ></a>
+                        <a href={{ $pt }} class="tile"><img src="{{ . }}" alt={{ $nm }} title={{ $nm }}><div class="caption">{{ $nm }}</div></a>
                       {{ end }}
                     {{ end }}
                   {{ end }}
diff --git a/themes/cns_hp_theme/static/css/main_menu.css b/themes/cns_hp_theme/static/css/main_menu.css
index 8e9b67b0f66c40a467126eee26a4100733373daf..b58d470f413d3373e920a474f4eefd53f2561849 100644
--- a/themes/cns_hp_theme/static/css/main_menu.css
+++ b/themes/cns_hp_theme/static/css/main_menu.css
@@ -57,4 +57,27 @@
 
 }
 
+.tile {
+    position: relative;
+}
 
+.tile img {
+    width: 100%;
+    height: auto;
+    margin: 2px;
+    max-width: 210px;
+    background: #f7f7f7;
+    box-shadow: 0px 2px 2px rgba(0,0,0,0.29);
+}
+
+.tile div.caption {
+    position: absolute;
+    width: 97%;
+    height: 240%;
+    bottom: 10px;
+    left: 3px;
+    color: #000;
+    background: #fff;
+    font-size: 130%;
+    text-align: center;
+}