diff --git a/animate/index.html b/animate/index.html
index 8584428..d630279 100644
--- a/animate/index.html
+++ b/animate/index.html
@@ -7,7 +7,9 @@
   <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
-<header>
+<main>
+  <p>If you include the SVG inline, you can access it's elements using regular 
+    CSS styling techniques. This animation is purely done with CSS. No Javascript.</p>
   <div class="sale">
     <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
@@ -927,6 +929,8 @@
        d="m 343.78989,321.72092 v 7.1022 h 37.74142 v -7.1022"
        id="path27464" /></g></svg>
   </div>
-</header>
+</main>
+<p>If you include the SVG inline, you can access it's elements using regular 
+  CSS styling techniques. This animation is purely done with CSS. No Javascript.</p>
 </body>
 </html>
\ No newline at end of file
diff --git a/include/index.html b/include/index.html
index d918679..73d18d9 100644
--- a/include/index.html
+++ b/include/index.html
@@ -8,14 +8,17 @@
 </head>
 <body>
 <main>
+  <p>Include as &lt;img&gt;</p>
   <div class="girlande">
-    <img src="girlande-600x100.svg" width="600" height="100" />
-  </div>
-  
+     <img src="girlande-600x100.svg" width="600" height="100" />
+   </div>
+   
+  <p>Include as &lt;object&gt;</p>
   <div class="girlande">
    <object type="image/svg+xml" data="girlande-600x100.svg"></object>
   </div>
 
+  <p>Include as inline</p>
   <div class="girlande">
     <?xml version="1.0" encoding="UTF-8" standalone="no"?>
     <svg
diff --git a/repeat/index.html b/repeat/index.html
index 2936c5c..e7b118a 100644
--- a/repeat/index.html
+++ b/repeat/index.html
@@ -11,6 +11,9 @@
   <div class="girlande girlande--600x100"></div>
   <div class="spacer"></div>
   <div class="girlande girlande--300x50"></div>
+  <p>SVG as background image with background-repeat.</p>
+  <p>Of course, you can do the same with PNG, JPEGs but with SVG it's 
+    way easier to create images that fit when repeated.</p>
 </header>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/zoom/index.html b/zoom/index.html
index 49406dd..61a21ac 100644
--- a/zoom/index.html
+++ b/zoom/index.html
@@ -9,6 +9,7 @@
 <body>
 <header>
   <div class="sale">
+    <p>same SVG file (67kB), zoomed to different sizes without loss of quality.</p>
     <img src="sale.svg" width="50" height="40" />
     <img src="sale.svg" width="125" height="100" />
     <img src="sale.svg" width="250" height="200" />
