Use markdown h2 titles to have functional sidebar

Don't use lead for paragraph

docs/_layouts/terms.tmpl

@@ -3,40 +3,42 @@
     to create the terms/index.md file which mostly contains html.
 #}
 
-<h1>Darwin Core quick reference guide</h1>
-<p class="lead">This page provides a list of all currently recommended terms of the Darwin Core standard. Categories such as <code>Occurrence</code>, <code>Event</code> correspond to Darwin Core classes, which group other terms. Convenient <a href="https://github.com/tdwg/dwc/tree/master/dist"> files of these terms</a> and <a href="https://github.com/tdwg/dwc/blob/master/vocabulary/term_versions.csv"> their full history</a> can be found in the <a href="https://github.com/tdwg/dwc">Darwin Core repository</a>.</p>
+# Darwin Core quick reference guide
+
+This page provides a list of all currently recommended terms of the Darwin Core standard. Categories such as `Occurrence` or `Event` correspond to Darwin Core classes which group other terms. Convenient [files of these terms](https://github.com/tdwg/dwc/tree/master/dist) and [their full history](https://github.com/tdwg/dwc/blob/master/vocabulary/term_versions.csv) can be found in the [Darwin Core repository](https://github.com/tdwg/dwc).
 
 {% for class_group in class_groups %}
-<section id="{{ class_group.label }}" class="anchor mb-4">
-    <h2>{{ class_group.label }}</h2>
-    <div class="my-4">
-        {% for term in class_group.terms %}
-        <a class="btn btn-sm btn-outline-secondary m-1" href="#{{ term.namespace}}:{{ term.label }}">{{ term.label }}</a>
-        {% endfor %}
-    </div>
-
-    {% if class_group.iri is not none %}
-    {# The above will exclude the Record-level class_group #}
-    <table class="table table-sm border mb-3">
-        <tbody>
-            <tr class="table-primary"><th colspan="2">{{ class_group.label }}<span class="badge badge-primary float-right">Class</span></th></tr>
-            <tr><td class="label">Identifier</td><td><a href="{{ class_group.iri }}">{{ class_group.iri }}</a></td></tr>
-            <tr><td class="label">Definition</td><td>{{class_group.definition}}</td></tr>
-            <tr><td class="label">Comments</td><td>{{class_group.comments}}</td></tr>
-        </tbody>
-    </table>
-    {%endif %}
 
+## {{ class_group.label }}
+    
+<div class="my-4">
     {% for term in class_group.terms %}
-    <a id="{{ term.namespace}}:{{ term.label }}" class="anchor"></a>
-    <table class="table table-sm border mb-3">
-        <tbody>
-            <tr class="table-secondary"><th colspan="2">{{ term.label }}<span class="badge badge-secondary float-right">Property</span></th></tr>
-            <tr><td class="label">Identifier</td><td><a href="{{ term.iri }}">{{ term.iri }}</a></td></tr>
-            <tr><td class="label">Definition</td><td>{{ term.definition }}</td></tr>
-            <tr><td class="label">Comments</td><td>{{ term.comments }}</td></tr>
-        </tbody>
-    </table>
+    <a class="btn btn-sm btn-outline-secondary m-1" href="#{{ term.namespace}}:{{ term.label }}">{{ term.label }}</a>
     {% endfor %}
-</section>
+</div>
+
+{% if class_group.iri is not none %}
+{# The above will exclude the Record-level class_group #}
+<table class="table table-sm border mb-3">
+    <tbody>
+        <tr class="table-primary"><th colspan="2">{{ class_group.label }}<span class="badge badge-primary float-right">Class</span></th></tr>
+        <tr><td class="label">Identifier</td><td><a href="{{ class_group.iri }}">{{ class_group.iri }}</a></td></tr>
+        <tr><td class="label">Definition</td><td>{{class_group.definition}}</td></tr>
+        <tr><td class="label">Comments</td><td>{{class_group.comments}}</td></tr>
+    </tbody>
+</table>
+{%endif %}
+
+{% for term in class_group.terms %}
+<a id="{{ term.namespace}}:{{ term.label }}" class="anchor"></a>
+<table class="table table-sm border mb-3">
+    <tbody>
+        <tr class="table-secondary"><th colspan="2">{{ term.label }}<span class="badge badge-secondary float-right">Property</span></th></tr>
+        <tr><td class="label">Identifier</td><td><a href="{{ term.iri }}">{{ term.iri }}</a></td></tr>
+        <tr><td class="label">Definition</td><td>{{ term.definition }}</td></tr>
+        <tr><td class="label">Comments</td><td>{{ term.comments }}</td></tr>
+    </tbody>
+</table>
+{% endfor %}
+
 {% endfor %}