adding page introduction tag on lab index and project index templates

opentech/public/funds/templates/public_funds/lab_index.html

@@ -3,6 +3,9 @@
 {% block body_class %}light-grey-bg{% endblock %}
 {% block content %}
 <div class="wrapper wrapper--small wrapper--top-bottom-inner-space">
+    {% if page.introduction %}
+        <h4 class="heading heading--listings-introduction">{{ page.introduction }}</h4>
+    {% endif %}
     <div class="wrapper wrapper--listings">
 
         {% if subpages.object_list.exists %}

opentech/public/projects/templates/projects/project_index_page.html

@@ -3,8 +3,10 @@
 {% block body_class %}light-grey-bg{% endblock %}
 {% block content %}
 <div class="wrapper wrapper--small wrapper--top-bottom-inner-space">
+    {% if page.introduction %}
+        <h4 class="heading heading--listings-introduction">{{ page.introduction }}</h4>
+    {% endif %}
     <div class="wrapper wrapper--listings">
-
         {% if subpages.object_list.exists %}
             {% for subpage in subpages.object_list.specific %}
 

opentech/static_src/src/sass/components/_heading.scss

@@ -42,4 +42,9 @@
     &--center {
         text-align: center;
     }
+
+    &--listings-introduction {
+        margin: 1rem 0;
+        font-weight: $weight--normal;
+    }
 }