diff --git a/web/themes/asc_bootstrap/js/scripts.js b/web/themes/asc_bootstrap/js/scripts.js
index 36d4b150b1f79a885f9da058121641a06f089c38..d32120985beb0253e60861f5295365a51ae3ad2b 100644
--- a/web/themes/asc_bootstrap/js/scripts.js
+++ b/web/themes/asc_bootstrap/js/scripts.js
@@ -8,6 +8,10 @@ jQuery(document).ready(function(){
     jQuery(".path-people .main-container aside").css({'min-height':(jQuery(".path-people .main-container section").height()+'px')});
   }
 
+  if(jQuery(".page-node-type-newsletter-article .main-container section").height() > jQuery(".page-node-type-newsletter-article .main-container aside").height()) {
+    jQuery(".page-node-type-newsletter-article .main-container aside").css({'min-height':(jQuery(".page-node-type-newsletter-article .main-container section").height()+'px')});
+  }
+
   //adds fontawesome arrow to menu
 
   //check if is iPhone
diff --git a/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-article-directory-block-1.html.twig b/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-article-directory-block-1.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..f08a1dd5752343b2181905382817949dd78894f6
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-article-directory-block-1.html.twig
@@ -0,0 +1,70 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display Frontpage News Story block.
+ *
+ * Available variables:
+ * - $block->subject: Block title.
+ * - $content: Block content.
+ * - $block->module: Module that generated the block.
+ * - $block->delta: An ID for the block, unique within each module.
+ * - $block->region: The block region embedding the current block.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the
+ *   following:
+ *   - block: The current template type, i.e., "theming hook".
+ *   - block-[module]: The module generating the block. For example, the user
+ *     module is responsible for handling the default user navigation block. In
+ *     that case the class would be 'block-user'.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Helper variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
+ * - $zebra: Same output as $block_zebra but independent of any block region.
+ * - $block_id: Counter dependent on each block region.
+ * - $id: Same output as $block_id but independent of any block region.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ * - $block_html_id: A valid HTML ID and guaranteed unique.
+ *
+ * @ingroup templates
+ *
+ * @see bootstrap_preprocess_block()
+ * @see template_preprocess()
+ * @see template_preprocess_block()
+ * @see bootstrap_process_block()
+ * @see template_process()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+    'clearfix',
+  ]
+%}
+
+<div class="container">
+  <section{{ attributes.addClass(classes) }}>
+    {{ title_prefix }}
+    {% if label %}
+      <h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
+    {% endif %}
+    {{ title_suffix }}
+
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </section>
+</div>
+
diff --git a/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-directory-block-1.html.twig b/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-directory-block-1.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..f08a1dd5752343b2181905382817949dd78894f6
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/block/block--views-block--newsletter-directory-block-1.html.twig
@@ -0,0 +1,70 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display Frontpage News Story block.
+ *
+ * Available variables:
+ * - $block->subject: Block title.
+ * - $content: Block content.
+ * - $block->module: Module that generated the block.
+ * - $block->delta: An ID for the block, unique within each module.
+ * - $block->region: The block region embedding the current block.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the
+ *   following:
+ *   - block: The current template type, i.e., "theming hook".
+ *   - block-[module]: The module generating the block. For example, the user
+ *     module is responsible for handling the default user navigation block. In
+ *     that case the class would be 'block-user'.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Helper variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
+ * - $zebra: Same output as $block_zebra but independent of any block region.
+ * - $block_id: Counter dependent on each block region.
+ * - $id: Same output as $block_id but independent of any block region.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ * - $block_html_id: A valid HTML ID and guaranteed unique.
+ *
+ * @ingroup templates
+ *
+ * @see bootstrap_preprocess_block()
+ * @see template_preprocess()
+ * @see template_preprocess_block()
+ * @see bootstrap_process_block()
+ * @see template_process()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+    'clearfix',
+  ]
+%}
+
+<div class="container">
+  <section{{ attributes.addClass(classes) }}>
+    {{ title_prefix }}
+    {% if label %}
+      <h2{{ title_attributes.addClass('block-title') }}>{{ label }}</h2>
+    {% endif %}
+    {{ title_suffix }}
+
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </section>
+</div>
+
diff --git a/web/themes/asc_bootstrap/templates/book/book-tree.html.twig b/web/themes/asc_bootstrap/templates/book/book-tree.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..008e4b993f9c76344a74f9384dc5f6ab5a00c87a
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/book/book-tree.html.twig
@@ -0,0 +1,68 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a book tree.
+ *
+ * Returns HTML for a wrapper for a book sub-tree.
+ *
+ * Available variables:
+ * - items: A nested list of book items. Each book item contains:
+ *   - attributes: HTML attributes for the book item.
+ *   - below: The book item child items.
+ *   - title: The book link title.
+ *   - url: The book link URL, instance of \Drupal\Core\Url.
+ *   - is_expanded: TRUE if the link has visible children within the current
+ *     book tree.
+ *   - is_collapsed: TRUE if the link has children within the current book tree
+ *     that are not currently visible.
+ *   - in_active_trail: TRUE if the link is in the active trail.
+ *
+ * @ingroup themeable
+ */
+#}
+{% import _self as book_tree %}
+
+{#
+  We call a macro which calls itself to render the full tree.
+  @see http://twig.sensiolabs.org/doc/tags/macro.html
+#}
+{{ book_tree.book_links(items, attributes, 0) }}
+
+{% macro book_links(items, attributes, menu_level) %}
+  {% import _self as book_tree %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul{{ attributes }} class="book-nav">
+    {% else %}
+      <ul>
+    {% endif %}
+    {% for item in items %}
+      {%
+        set item_classes = item.url.getOption('container_attributes').class | split(" ")
+      %}
+      {%
+        set item_classes = [
+          item.is_expanded and item.below ? 'expanded dropdown',
+          item.in_active_trail ? 'active active-trail',
+          loop.first ? 'first',
+          loop.last ? 'last',
+        ]
+      %}
+      <li{{ item.attributes.addClass(item_classes) }}>
+      {% set link_title = item.title %}
+      {% set link_attributes = item.link_attributes %}
+
+        {% if item.is_expanded and item.below %}
+          <div class="link-wrapper">{{ link(link_title, item.url, link_attributes.addClass(item.in_active_trail ? 'active-trail')) }} <i class="fa fa-angle-down" aria-hidden="true"></i></div>
+        {% else %}
+        <div class="link-wrapper">{{ link(link_title, item.url, link_attributes.addClass(item.in_active_trail ? 'active-trail')) }}</div>
+        {% endif %}
+        {% if item.below %}
+          {{ book_tree.book_links(item.below, attributes.removeClass(classes), menu_level + 1, dropdown_classes) }}
+        {% endif %}
+      </li>
+
+    {% endfor %}
+    </ul>
+  {% endif %}
+{% endmacro %}
diff --git a/web/themes/asc_bootstrap/templates/node/node--event.html.twig b/web/themes/asc_bootstrap/templates/node/node--event.html.twig
index 061301ca3aed4bbd603f93d2d6732fef8629ce8f..9b908a0f86eecd99b26639985b12b4c7b7cb3ba7 100644
--- a/web/themes/asc_bootstrap/templates/node/node--event.html.twig
+++ b/web/themes/asc_bootstrap/templates/node/node--event.html.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Theme override to display a node.
+ * Theme override to display an event node.
  *
  * Available variables:
  * - node: The node entity with limited access to object properties and methods.
diff --git a/web/themes/asc_bootstrap/templates/node/node--news-story.html.twig b/web/themes/asc_bootstrap/templates/node/node--news-story.html.twig
index 3460767dd02a7f0c24d05d24a259033f1f74590b..b163a5c79bfeb02133b5ac257aa604b60c57213b 100644
--- a/web/themes/asc_bootstrap/templates/node/node--news-story.html.twig
+++ b/web/themes/asc_bootstrap/templates/node/node--news-story.html.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Theme override to display a node.
+ * Theme override to display a news story node.
  *
  * Available variables:
  * - node: The node entity with limited access to object properties and methods.
diff --git a/web/themes/asc_bootstrap/templates/node/node--newsletter-article.html.twig b/web/themes/asc_bootstrap/templates/node/node--newsletter-article.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..01a7bb1731e7397c325ee3b221c337dda72ff601
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/node/node--newsletter-article.html.twig
@@ -0,0 +1,91 @@
+{#
+/**
+ * @file
+ * Theme override to display a newsletter article node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+     Only "getter" methods (method names starting with "get", "has", or "is")
+     and a few common methods such as "id" and "label" are available. Calling
+     other methods (such as node.delete) will result in an exception.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @ingroup templates
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ */
+#}
+{%
+  set classes = [
+    node.bundle|clean_class,
+    node.isPromoted() ? 'is-promoted',
+    node.isSticky() ? 'is-sticky',
+    not node.isPublished() ? 'is-unpublished',
+    view_mode ? view_mode|clean_class,
+    'clearfix',
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+
+  <div{{ content_attributes.addClass('content') }}>
+    <div class="col-sm-12 newsletter-cont">
+    {{ content|without('field_newsletter_social_media') }}
+
+      <hr/>
+      {% if node.field_newsletter_social_media == 1 %}
+        {{ content.field_newsletter_social_media }}
+      {% endif %}
+    </div>
+  </div>
+
+</article>
diff --git a/web/themes/asc_bootstrap/templates/node/node--research.html.twig b/web/themes/asc_bootstrap/templates/node/node--research.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..b6be68adb9b9e6307dbb2d1be7e0360e368f5f30
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/node/node--research.html.twig
@@ -0,0 +1,86 @@
+{#
+/**
+ * @file
+ * Theme override to display a research article node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+     Only "getter" methods (method names starting with "get", "has", or "is")
+     and a few common methods such as "id" and "label" are available. Calling
+     other methods (such as node.delete) will result in an exception.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @ingroup templates
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ *   rendered twice on a page this is invalid CSS for example: two lists
+ *   in different view modes.
+ */
+#}
+{%
+  set classes = [
+    node.bundle|clean_class,
+    node.isPromoted() ? 'is-promoted',
+    node.isSticky() ? 'is-sticky',
+    not node.isPublished() ? 'is-unpublished',
+    view_mode ? view_mode|clean_class,
+    'clearfix',
+  ]
+%}
+<article{{ attributes.addClass(classes) }}>
+
+  <div{{ content_attributes.addClass('content') }}>
+    <div class="col-sm-12 research-cont">
+    {{ content }}
+    </div>
+  </div>
+
+</article>
diff --git a/web/themes/asc_bootstrap/templates/system/page--landing-page.html.twig b/web/themes/asc_bootstrap/templates/system/page--landing-page.html.twig
index 79765bd0473013527a022ac83b6babaa7bd334f6..43ba17749754052c72cc166ea08ba3a6395117e9 100644
--- a/web/themes/asc_bootstrap/templates/system/page--landing-page.html.twig
+++ b/web/themes/asc_bootstrap/templates/system/page--landing-page.html.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Theme override to display a single page.
+ * Theme override to display a landing page.
  *
  * The doctype, html, head and body tags are not in this template. Instead they
  * can be found in the html.html.twig template in this directory.
@@ -72,7 +72,7 @@
         </div>
       </div>
     {% endif %}
-      {{ page.content|without('title') }}
+      {{ page.content }}
       <div class="block-wrapper">
         {{ page.events }}
         {{ page.news }}
diff --git a/web/themes/asc_bootstrap/templates/system/page--newsletter-issue.html.twig b/web/themes/asc_bootstrap/templates/system/page--newsletter-issue.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..1d7e5820e82b288a086b34bf1e8d107e03806415
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/system/page--newsletter-issue.html.twig
@@ -0,0 +1,81 @@
+{#
+/**
+ * @file
+ * Theme override to display a newsletter issue page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.navigation: 'Navigation'
+ * - page.breadcrumb: 'Breadcrumbs'
+ * - page.content: 'Content'
+ * - page.events: 'Events'
+ * - page.news: 'News'
+ * - page.people: 'People'
+ * - page.sidebar_first: 'Left Siderbar'
+ * - page.sidebar_second: 'Right Siderbar'
+ * - page.footer_one: 'Footer One'
+ * - page.footer_two: 'Footer Two'
+ * - page.footer_three: 'Footer Three'
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+
+{# Setting up variable that determines the background color for breadcrumb #}
+{% set bgcolor = node.field_breadcrumb_bkd_color.value %}
+
+{% include directory ~ '/templates/system/includes/_header.twig' %}
+
+  <div id="main-nav">
+    <div class="container">
+      <nav aria-label="Main">
+        {{ page.navigation }}
+      </nav>
+    </div>
+  </div>
+
+<div class="layout-container">
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      <div class="landing-page-title-head {{ bgcolor }}">
+        <div class="container">
+          {{ page.breadcrumb }}
+          <h1>{{ node.label }}</h1>
+        </div>
+      </div>
+      {{ page.content }}
+
+    </div>{# /.layout-content #}
+
+  </main>
+
+{% include directory ~ '/templates/system/includes/_footer.twig' %}
+
+</div>{# /.layout-container #}
diff --git a/web/themes/asc_bootstrap/templates/system/page--newsletter-landing-page.html.twig b/web/themes/asc_bootstrap/templates/system/page--newsletter-landing-page.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..ad45adc06746cee1bba12a8a82f8189eb849bb38
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/system/page--newsletter-landing-page.html.twig
@@ -0,0 +1,81 @@
+{#
+/**
+ * @file
+ * Theme override to display a newsletter landing page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.navigation: 'Navigation'
+ * - page.breadcrumb: 'Breadcrumbs'
+ * - page.content: 'Content'
+ * - page.events: 'Events'
+ * - page.news: 'News'
+ * - page.people: 'People'
+ * - page.sidebar_first: 'Left Siderbar'
+ * - page.sidebar_second: 'Right Siderbar'
+ * - page.footer_one: 'Footer One'
+ * - page.footer_two: 'Footer Two'
+ * - page.footer_three: 'Footer Three'
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+
+{# Setting up variable that determines the background color for breadcrumb #}
+{% set bgcolor = node.field_breadcrumb_bkd_color.value %}
+
+{% include directory ~ '/templates/system/includes/_header.twig' %}
+
+  <div id="main-nav">
+    <div class="container">
+      <nav aria-label="Main">
+        {{ page.navigation }}
+      </nav>
+    </div>
+  </div>
+
+<div class="layout-container">
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      <div class="landing-page-title-head {{ bgcolor }}">
+        <div class="container">
+          {{ page.breadcrumb }}
+          <h1>{{ node.label }}</h1>
+        </div>
+      </div>
+      {{ page.content }}
+
+    </div>{# /.layout-content #}
+
+  </main>
+
+{% include directory ~ '/templates/system/includes/_footer.twig' %}
+
+</div>{# /.layout-container #}