--- a/src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-horizontal-tabs.pt	Fri Dec 28 10:45:11 2018 +0100
+++ b/src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-horizontal-tabs.pt	Fri Dec 28 10:45:49 2018 +0100
@@ -0,0 +1,42 @@
+<div class="panels" i18n:domain="pyams_default_theme"
+	 tal:define="settings view.settings">
+	<h2>${i18n:settings.title}</h2>
+	<ul class="nav nav-tabs" role="tablist">
+		<li role="presentation"
+			tal:repeat="link settings.links.get_visible_items()"
+			class="${'active' if repeat.link.start() else None}">
+			<a href="#link_${tales:cache_key(link)}"
+			   role="tab" data-toggle="tab"
+			   tal:define="link_info view.get_link_info(link)">
+				${link_info.user_title}
+			</a>
+		</li>
+	</ul>
+	<div class="tab-content">
+		<div role="tabpanel"
+			 tal:repeat="link settings.links.get_visible_items()"
+			 id="link_${tales:cache_key(link)}"
+			 class="tab-pane ${'active' if repeat.link.start() else None}">
+			<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
+				<a class="caption"
+				   tal:define="link_info view.get_link_info(link)"
+				   href="${link.get_url(request)}">
+					<h3>${link_info.user_title}</h3>
+				</a>
+				<tal:var define="description i18n:link.description">
+					${structure:tales:html(description)}
+				</tal:var>
+			</div>
+			<a tal:define="illustration tales:pyams_illustration(link);
+						   img_data i18n:illustration.data;
+						   alt i18n:illustration.alt_title;
+						   link_info view.get_link_info(link);"
+			   class="col-lg-8 col-md-7 col-sm-12 col-xs-12"
+			   href="${link.get_url(request)}">
+				<div class="spacer"></div>
+				${structure:tales:picture(img_data, lg_thumb='pano', lg_width=8, md_thumb='pano', md_width=7,
+										  sm_thumb='pano', sm_width=12, xs_thumb='pano', xs_width=12, alt=alt)}
+			</a>
+		</div>
+	</div>
+</div>
\ No newline at end of file

--- a/src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-horizontal.pt	Fri Dec 28 10:45:11 2018 +0100
+++ b/src/pyams_default_theme/features/menu/portlet/navigation/templates/simple-horizontal.pt	Fri Dec 28 10:45:49 2018 +0100
@@ -0,0 +1,24 @@
+<div class="panels" i18n:domain="pyams_default_theme"
+	 tal:define="settings view.settings">
+	<h2>${i18n:settings.title}</h2>
+	<div tal:repeat="link settings.links.get_visible_items()"
+		 class="col-md-3 col-sm-4">
+		<tal:var define="illustration tales:pyams_illustration(link);
+						 img_data i18n:illustration.data;
+						 alt i18n:illustration.alt_title;
+						 link_info view.get_link_info(link);">
+			<a href="${link.get_url(request)}">
+				${structure:tales:picture(img_data, lg_thumb='portrait', lg_width=3, md_thumb='portrait', md_width=3,
+										  sm_thumb='pano', sm_width=12, xs_thumb='pano', xs_width=12, alt=alt)}
+			</a>
+			<a class="caption"
+			   href="${link.get_url(request)}">
+				<h3>${link_info.user_title}</h3>
+			</a>
+			<tal:var define="description i18n:link.description">
+				${structure:tales:html(description)}
+			</tal:var>
+		</tal:var>
+	</div>
+	<div class="clearfix"></div>
+</div>
\ No newline at end of file