diff --git a/docs/index.html b/docs/index.html
index 16d7b7f..da12ce7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -101,6 +101,23 @@
                             </pre>
                             due to an issue that only should appear when displying code the script tag for the optional Javascript file is commented out if using it, don't add it as comment.
                             <br><br>
+                            <h1>Embeds</h1>
+                            these can be used to highlight a special area
+                            <div class="embed">
+                                <h1>embed example</h1>
+                                <hr>
+                                <p>More embed text</h1>
+                            </div>
+                            <pre>
+                                <code class="language-html">
+<div class="embed">
+    <h1>embed example</h1>
+    <hr>
+    <p>More embed text</h1>
+</div>
+                                </code>
+                            </pre>
+                                             
                             <h1>General Structure classes</h1>
                             there are multiple classes one can use to bring strcuture into his site.<br>
                             one is using the container class wich centers content and adds spacing to both sides<br>
@@ -165,4 +182,4 @@
         <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.0/highlight.min.js"></script>
         <script>hljs.highlightAll();</script>
     </body>
-</html>
\ No newline at end of file
+</html>