diff --git a/Resources/Private/Partials/NavigationSidebar.html b/Resources/Private/Partials/NavigationSidebar.html
new file mode 100644
index 0000000000000000000000000000000000000000..c645bf12f4e66a5e72d7e4886d1f055eec8c1862
--- /dev/null
+++ b/Resources/Private/Partials/NavigationSidebar.html
@@ -0,0 +1,15 @@
+<div class="col-sm-3 col-md-2 sidebar">
+	<ul class="nav nav-sidebar">
+		<f:for each="{types}" as="type">
+			<li class="{f:if(condition: '{selectedType.id} == {type.id}', then: 'active')}">
+				<f:link.action package="SGalinski.TypoScriptReferenceFrontend" controller="tsref" action="index"
+					arguments="{typeId: type.id}">
+					{type.id} {type.name}
+					<f:if condition="{selectedType.id} == {type.id}">
+						<span class="sr-only">(current)</span>
+					</f:if>
+				</f:link.action>
+			</li>
+		</f:for>
+	</ul>
+</div>
diff --git a/Resources/Private/Partials/ResourcesInclusion.html b/Resources/Private/Partials/ResourcesInclusion.html
new file mode 100644
index 0000000000000000000000000000000000000000..3b970e355be36230cba806098721d3f33cd479e3
--- /dev/null
+++ b/Resources/Private/Partials/ResourcesInclusion.html
@@ -0,0 +1,3 @@
+<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/bootstrap.min.css')}" rel="stylesheet" />
+<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/dashboard.css')}" rel="stylesheet" />
+<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/Tsref.css')}" rel="stylesheet" />
diff --git a/Resources/Private/Templates/Tsref/Index.html b/Resources/Private/Templates/Tsref/Index.html
index e97d9e0b124cb15786b030ffd7db2dc79e68640c..1fa399d9800b1439c6b9c7a57e1db118ef47f18a 100644
--- a/Resources/Private/Templates/Tsref/Index.html
+++ b/Resources/Private/Templates/Tsref/Index.html
@@ -4,27 +4,11 @@
 <f:section name="Title">TypoScript reference</f:section>
 
 <f:section name="Content">
-	<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/bootstrap.min.css')}" rel="stylesheet" />
-	<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/dashboard.css')}" rel="stylesheet" />
-	<link href="{f:uri.resource(package: 'SGalinski.TypoScriptReferenceFrontend', path: 'css/Tsref.css')}" rel="stylesheet" />
+	<f:render partial="ResourcesInclusion" arguments="{_all}" />
 
 	<div class="container-fluid">
 		<div class="row">
-			<div class="col-sm-3 col-md-2 sidebar">
-				<ul class="nav nav-sidebar">
-					<f:for each="{types}" as="type">
-						<li class="{f:if(condition: '{selectedType.id} == {type.id}', then: 'active')}">
-							<f:link.action package="SGalinski.TypoScriptReferenceFrontend" controller="tsref" action="index"
-								arguments="{typeId: type.id}">
-								{type.id} {type.name}
-								<f:if condition="{selectedType.id} == {type.id}">
-									<span class="sr-only">(current)</span>
-								</f:if>
-							</f:link.action>
-						</li>
-					</f:for>
-				</ul>
-			</div>
+			<f:render partial="NavigationSidebar" arguments="{_all}" />
 
 			<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
 				<h1 class="page-header">{selectedType.name}</h1>