diff --git a/assets/img/icon-templates.png b/assets/img/icon-templates.png
new file mode 100644
index 00000000..b259fdfa
Binary files /dev/null and b/assets/img/icon-templates.png differ
diff --git a/index.html b/index.html
index bac7788f..e0b3cd5e 100644
--- a/index.html
+++ b/index.html
@@ -40,10 +40,10 @@ <h3>Specs</h3>
                     </a>
                 </li>
                 <li>
-                    <a href="http://w3c.github.io/webcomponents/spec/shadow/">
-                        <img class="icon" src="assets/img/icon-shadowdom.png" alt="">
-                        <p class="title">Shadow DOM</p>
-                        <p class="description">A method of establishing and maintaining functional boundar...</p>
+                    <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/scripting-1.html#the-template-element">
+                        <img class="icon" src="assets/img/icon-templates.png" alt="">
+                        <p class="title">Templates</p>
+                        <p class="description">Fragments of HTML that can be cloned and inserted in the DOM...</p>
                     </a>
                 </li>
                 <li>
@@ -60,6 +60,13 @@ <h3>Specs</h3>
                         <p class="description">The method for enabling the author to define and use new...</p>
                     </a>
                 </li>
+                <li>
+                    <a href="http://w3c.github.io/webcomponents/spec/shadow/">
+                        <img class="icon" src="assets/img/icon-shadowdom.png" alt="">
+                        <p class="title">Shadow DOM</p>
+                        <p class="description">A method of establishing and maintaining functional boundar...</p>
+                    </a>
+                </li>
             </ul>
         </section>