diff --git a/docs/_includes/nav/announcements-4.0.html b/docs/_includes/nav/announcements-4.0.html
new file mode 100644
index 00000000..733e2c47
--- /dev/null
+++ b/docs/_includes/nav/announcements-4.0.html
@@ -0,0 +1,26 @@
+<nav class="s2-docs-sidebar hidden-print hidden-xs hidden-sm">
+  <ul class="nav s2-docs-sidenav">
+    <li>
+      <a href="#select2-400">Select2 4.0.0</a>
+      <ul class="nav">
+        <li><a href="#new-features">New features</a></li>
+        <li><a href="#plugin-system">Plugin system</a></li>
+        <li><a href="#amd-based-build-system">AMD-based build system</a></li>
+      </ul>
+    </li>
+    <li>
+      <a href="#migrating-from-select2-35">Migrating from Select2 3.5</a>
+      <ul class="nav">
+        <li><a href="#hidden-input">No more hidden input tags</a></li>
+        <li><a href="#new-matcher">Advanced matching of searches</a></li>
+        <li><a href="#flexible-placeholders">More flexible placeholders</a></li>
+        <li><a href="#value-ordering">Display reflects the actual order of the values</a></li>
+        <li><a href="#changed-options">Changed method and option names</a></li>
+        <li><a href="#removed-methods">Deprecated and removed methods</a></li>
+      </ul>
+    </li>
+  </ul>
+  <a class="back-to-top" href="#top">
+    Back to top
+  </a>
+</nav>
diff --git a/docs/announcements-4.0.html b/docs/announcements-4.0.html
index 71e6ba2e..36e36340 100644
--- a/docs/announcements-4.0.html
+++ b/docs/announcements-4.0.html
@@ -18,9 +18,11 @@ slug: announcements-4.0
   </div>
 </section>
 
-<div class="container">
+<div class="container s2-docs-container">
+<div class="row">
+  <div class="col-md-9" role="main">
   <section id="release">
-    <h1>Select2 4.0.0</h1>
+    <h1 class="page-header">Select2 4.0.0</h1>
 
     <p>
       The 4.0 release of Select2 is the result of three years of working on the
@@ -690,6 +692,11 @@ $("select").val("1").trigger("change"); // instead of $("select").select2("val",
 $("select").prop("disabled", true); // instead of $("select").enable(false);
 </pre>
   </section>
+  </div>
+  <div class="col-md-3" role="complementary">
+    {% include nav/announcements-4.0.html %}
+  </div>
+</div>
 </div>
 
 <script type="text/javascript">