diff --git a/composer.libraries.json b/composer.libraries.json
index 5b914abb..27e0da82 100644
--- a/composer.libraries.json
+++ b/composer.libraries.json
@@ -21,13 +21,13 @@
       "type": "package",
       "package": {
         "name": "ouitoulia/skenografia-dist",
-        "version": "1.16.3",
+        "version": "1.16.4",
         "type": "drupal-library",
         "extra": {
           "installer-name": "ouitoulia-skenografia"
         },
         "dist": {
-          "url": "https://github.com/ouitoulia/skenografia/releases/download/1.16.3/skenografia.zip",
+          "url": "https://github.com/ouitoulia/skenografia/releases/download/1.16.4/skenografia.zip",
           "type": "zip"
         }
       }
diff --git a/skenografia.libraries.yml b/skenografia.libraries.yml
index 775e1054..64ef821d 100755
--- a/skenografia.libraries.yml
+++ b/skenografia.libraries.yml
@@ -13,7 +13,7 @@ custom:
 
 # Bootstrap-italia library if you use a CDN
 cdn:
-  version: 1.16.3
+  version: 1.16.4
   css:
     theme:
       /libraries/ouitoulia-skenografia/css/bootstrap-italia.min.css: { minified: true }
@@ -24,7 +24,7 @@ cdn:
 
 # Skenografia toc_js custom loader
 toc:
-  version: 1.16.3
+  version: 1.16.4
   js:
     /libraries/ouitoulia-skenografia/js/toc_js_loader.min.js: { minified: true }
     #dist/js/toc_js_loader.min.js: { }
diff --git a/templates/views/secondo_livello/le_schede_didattiche/page--didattica--le-schede-didattiche.html.twig b/templates/views/secondo_livello/le_schede_didattiche/page--didattica--le-schede-didattiche.html.twig
new file mode 100644
index 00000000..9f26878f
--- /dev/null
+++ b/templates/views/secondo_livello/le_schede_didattiche/page--didattica--le-schede-didattiche.html.twig
@@ -0,0 +1 @@
+{% include '@skenografia/layout/_second-level-page.html.twig' %}
diff --git a/templates/views/secondo_livello/le_schede_didattiche/views-view--secondo-livello-schede-didattiche.html.twig b/templates/views/secondo_livello/le_schede_didattiche/views-view--secondo-livello-schede-didattiche.html.twig
new file mode 100644
index 00000000..b0017c77
--- /dev/null
+++ b/templates/views/secondo_livello/le_schede_didattiche/views-view--secondo-livello-schede-didattiche.html.twig
@@ -0,0 +1,113 @@
+{#
+/**
+ * @file
+ * Default theme implementation for main view template.
+ *
+ * Available variables:
+ * - attributes: Remaining HTML attributes for the element.
+ * - css_name: A CSS-safe version of the view name.
+ * - css_class: The user-specified classes names, if any.
+ * - header: The optional header.
+ * - footer: The optional footer.
+ * - rows: The results of the view query, if any.
+ * - empty: The content to display if there are no rows.
+ * - pager: The optional pager next/prev links to display.
+ * - exposed: Exposed widget form/info to display.
+ * - feed_icons: Optional feed icons to display.
+ * - more: An optional link to the next page of results.
+ * - title: Title of the view, only used when displaying in the admin preview.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the view title.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the view title.
+ * - attachment_before: An optional attachment view to be displayed before the
+ *   view content.
+ * - attachment_after: An optional attachment view to be displayed after the
+ *   view content.
+ * - dom_id: Unique id for every view being printed to give unique class for
+ *   JavaScript.
+ *
+ * @see template_preprocess_views_view()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+  dom_id ? 'js-view-dom-id-' ~ dom_id,
+]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {{ title }}
+  {{ title_suffix }}
+
+  {% if header %}
+    <section class="section bg-bluelectric bg-bluelectricgradient py-5 py-md-4 py-lg-0 position-relative overflow-hidden">
+      <div class="green-square-forms position-absolute top-0 end-0 d-none d-lg-block" aria-hidden="true">
+        {% include '@skenografia_components/inline-svg/square-forms.svg.twig' %}
+      </div>
+      <div class="container">
+        <div class="row variable-gutters">
+          <div class="col-md-5">
+            <div class="hero-title text-start">
+              {{ header }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  {% endif %}
+
+  {{ attachment_before }}
+
+  <section class="bg-gray-light">
+    <div class="container">
+      <div class="row variable-gutters">
+        <div class="col-lg-3 pt-5 bg-white bg-white-left affix-parent">
+          <aside class="aside-list affix-top mb-5">
+            {% block asideA11yDescription %}
+              <h2 class="visually-hidden">Filtra le schede didattiche</h2>
+              <p class="visually-hidden">Scegli se visualizzare qualsiasi scheda didattica, oppure filtrare per livello.</p>
+            {% endblock %}
+            {{ exposed }}
+          </aside>
+        </div>
+        <div class="col-lg-7 pt-5 offset-lg-1">
+          {% block contentA11yDescription %}
+            <h2 class="visually-hidden">Lista delle schede didattiche</h2>
+          {% endblock %}
+          {% if rows -%}
+            {{ rows }}
+          {% elseif empty -%}
+            {% include '@bi-bcl/hero/hero.html.twig' with {
+              hero_kicker: '',
+              hero_small: true,
+              hero_title: 'Nessuna scheda',
+              hero_text: empty,
+              hero_cta_url: '/didattica',
+              hero_cta_label: 'Vai alla sezione didattica',
+              hero_cta_type: 'outline-primary',
+              hero_text_centered: true,
+              hero_classes: ['mb-5']
+            } %}
+          {% endif %}
+
+          {{ pager }}
+        </div>
+      </div>
+    </div>
+  </section>
+
+  {{ attachment_after }}
+  {{ more }}
+
+
+  {% if footer %}
+    <footer>
+      {{ footer }}
+    </footer>
+  {% endif %}
+
+  {{ feed_icons }}
+</div>