diff --git a/docs/examples.html b/docs/examples.html
index b536500d..8475cd15 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -47,7 +47,7 @@ slug: examples
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre class="code" data-fill-from=".js-code-basic"></pre>
 
@@ -78,7 +78,7 @@ $(document).ready(function() {
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-multiple"></pre>
 
@@ -119,7 +119,7 @@ $(".js-example-basic-multiple").select2();
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-placeholder"></pre>
 
@@ -162,7 +162,7 @@ $(".js-example-placeholder-multiple").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-templating"></pre>
 
@@ -207,7 +207,7 @@ $(".js-example-templating").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-data-array"></pre>
 
@@ -327,7 +327,7 @@ $(".js-data-example-ajax").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-responsive"></pre>
 
@@ -375,7 +375,7 @@ $(".js-data-example-ajax").select2({
     </div>
 
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-disabled"></pre>
 
@@ -413,7 +413,7 @@ $(".js-programmatic-disable").on("click", function () {
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-disabled-results"></pre>
 
@@ -480,7 +480,7 @@ $(".js-programmatic-disable").on("click", function () {
     </div>
 
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-programmatic"></pre>
 
@@ -513,7 +513,7 @@ $(".js-programmatic-multi-clear").on("click", function () { $exampleMulti.val(nu
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-multiple-limit"></pre>
 
@@ -540,7 +540,7 @@ $(".js-example-basic-multiple-limit").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-hide-search"></pre>
 
@@ -596,7 +596,7 @@ $(".js-example-basic-hide-search").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <ul class="js-event-log"></ul>
 
@@ -659,7 +659,7 @@ function log (name, evt) {
 
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-tags"></pre>
 
@@ -697,7 +697,7 @@ $(".js-example-tags").select2({
 
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-tokenizer"></pre>
 
@@ -733,7 +733,7 @@ $(".js-example-tokenizer").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-matcher-start"></pre>
 
@@ -781,7 +781,7 @@ $.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-diacritics"></pre>
 
@@ -814,7 +814,7 @@ $(".js-example-diacritics").select2();
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-language"></pre>
 
@@ -851,7 +851,7 @@ $(".js-example-language").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-theme"></pre>
 
@@ -885,7 +885,7 @@ $(".js-example-theme-multiple").select2({
       </p>
     </div>
     <div class="col-md-8">
-      <h2>Example code</h2>
+      <h2 class="s2-docs-headline-example">Example code</h2>
 
       <pre data-fill-from=".js-code-rtl"></pre>