diff --git a/tool/template-base.html b/tool/template-base.html
index cde5dfaa83..927d6170ae 100644
--- a/tool/template-base.html
+++ b/tool/template-base.html
@@ -44,22 +44,7 @@
       </div><!-- /.navbar-header -->
       <div class="nav">
         {% block breadcrumbs %}
-            <ul class="breadcrumb">
-              <li class="crumb-top"><a href="index.html" style="display: none;">&nbsp;</a></li>
-              {% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}
-              <li class="active crumb-category"><a href="{{ (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first).html }}">{{ currentpage.funnel }}</a></li>
-              {% endif %}
-              {% if currentpage.doc_type and currentpage != pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first%}
-              <li class="active crumb-category"><a href="{{ (pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first).html }}">{{ currentpage.doc_type }}</a></li>
-              {% endif %}
-              {% if currentpage.category and currentpage != pages|selectattr('category', 'equalto', currentpage.category)|first %}
-              <li class="active crumb-category"><a href="{{ (pages|selectattr('category', 'equalto', currentpage.category)|first).html }}">{{ currentpage.category }}</a></li>
-              {% endif %}
-              {% if currentpage.subcategory and currentpage != pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first %}
-              <li class="active crumb-category"><a href="{{ (pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first).html }}">{{ currentpage.subcategory }}</a></li>
-              {% endif %}
-              <li class="active crumb-current">{{ currentpage.name }}</li>
-            </ul>
+          {% include 'template-breadcrumbs.html' %}
         {% endblock %}
         <div class="draft-warning">DRAFT PAGE</div>
         <div class="github-edit-wrap">
diff --git a/tool/template-breadcrumbs.html b/tool/template-breadcrumbs.html
new file mode 100644
index 0000000000..e04cfc7da8
--- /dev/null
+++ b/tool/template-breadcrumbs.html
@@ -0,0 +1,16 @@
+<ul class="breadcrumb">
+  <li class="crumb-top"><a href="index.html" style="display: none;">&nbsp;</a></li>
+  {% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}
+  <li class="active crumb-category"><a href="{{ (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first).html }}">{{ currentpage.funnel }}</a></li>
+  {% endif %}
+  {% if currentpage.doc_type and currentpage != pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first%}
+  <li class="active crumb-category"><a href="{{ (pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first).html }}">{{ currentpage.doc_type }}</a></li>
+  {% endif %}
+  {% if currentpage.category and currentpage != pages|selectattr('category', 'equalto', currentpage.category)|first %}
+  <li class="active crumb-category"><a href="{{ (pages|selectattr('category', 'equalto', currentpage.category)|first).html }}">{{ currentpage.category }}</a></li>
+  {% endif %}
+  {% if currentpage.subcategory and currentpage != pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first %}
+  <li class="active crumb-category"><a href="{{ (pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first).html }}">{{ currentpage.subcategory }}</a></li>
+  {% endif %}
+  <li class="active crumb-current">{{ currentpage.name }}</li>
+</ul>