diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 0fbe41ce95196826df786a9a8298eb4bca43f827..9b1014aab0a80a0a211571450399926dbf42df56 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -23,6 +23,10 @@ p {
   padding-right: 25%;
 }
 
+.content ul {
+  list-style-image: url(../images/list.png);
+}
+
 header {
   position: relative;
   width: 100%;
@@ -210,4 +214,17 @@ nav a:hover {
 
 .top:hover {
   opacity: 1;
+}
+
+audio {
+  width: 100%;
+}
+
+.video-container {
+  width: 100%;
+}
+
+.video-container iframe {
+  width: 100%;
+  max-width: 560px;
 }
\ No newline at end of file
diff --git a/public/assets/images/list.png b/public/assets/images/list.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0064d82d673ce22dda7f5bfdcc95173420f1adc
Binary files /dev/null and b/public/assets/images/list.png differ
diff --git a/public/home/audio.mp3 b/public/home/audio.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..ead8e4436d572bde26e41e55c6151c2cb8838704
Binary files /dev/null and b/public/home/audio.mp3 differ
diff --git a/public/home/index.html b/public/home/index.html
index 29865f09439645c61060b3b666275b61ab19a490..0bb6acc81ec6fce06337e8b37266d09967b1315a 100644
--- a/public/home/index.html
+++ b/public/home/index.html
@@ -78,6 +78,29 @@
       Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
     </p>
 
+    <h1>Audio demo</h1>
+
+    <p>
+      <audio controls src="audio.mp3" type="audio/mp3"></audio>
+    </p>
+
+    <h1>Embed Youtube video</h1>
+
+    <p>
+      <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/AZjduAZwm6w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope" allowfullscreen></iframe>
+      </div>
+    </p>
+
+    <h1>List of external links</h1>
+
+    <p>
+      <ul>
+        <li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
+        <li><a href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen in der Stadt</a></li>
+      </ul>
+    </p>
+
   </div>
 
   <div class="footer"></div>
diff --git a/public/results/audio.mp3 b/public/results/audio.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..ead8e4436d572bde26e41e55c6151c2cb8838704
Binary files /dev/null and b/public/results/audio.mp3 differ
diff --git a/public/results/index.html b/public/results/index.html
index 29865f09439645c61060b3b666275b61ab19a490..0bb6acc81ec6fce06337e8b37266d09967b1315a 100644
--- a/public/results/index.html
+++ b/public/results/index.html
@@ -78,6 +78,29 @@
       Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
     </p>
 
+    <h1>Audio demo</h1>
+
+    <p>
+      <audio controls src="audio.mp3" type="audio/mp3"></audio>
+    </p>
+
+    <h1>Embed Youtube video</h1>
+
+    <p>
+      <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/AZjduAZwm6w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope" allowfullscreen></iframe>
+      </div>
+    </p>
+
+    <h1>List of external links</h1>
+
+    <p>
+      <ul>
+        <li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
+        <li><a href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen in der Stadt</a></li>
+      </ul>
+    </p>
+
   </div>
 
   <div class="footer"></div>
diff --git a/public/templates/raw/audio.mp3 b/public/templates/raw/audio.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..ead8e4436d572bde26e41e55c6151c2cb8838704
Binary files /dev/null and b/public/templates/raw/audio.mp3 differ
diff --git a/public/templates/raw/index.html b/public/templates/raw/index.html
index 29865f09439645c61060b3b666275b61ab19a490..0bb6acc81ec6fce06337e8b37266d09967b1315a 100644
--- a/public/templates/raw/index.html
+++ b/public/templates/raw/index.html
@@ -78,6 +78,29 @@
       Venenatis lectus magna fringilla urna porttitor rhoncus. Lectus vestibulum mattis ullamcorper velit sed.
     </p>
 
+    <h1>Audio demo</h1>
+
+    <p>
+      <audio controls src="audio.mp3" type="audio/mp3"></audio>
+    </p>
+
+    <h1>Embed Youtube video</h1>
+
+    <p>
+      <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/AZjduAZwm6w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope" allowfullscreen></iframe>
+      </div>
+    </p>
+
+    <h1>List of external links</h1>
+
+    <p>
+      <ul>
+        <li><a href="https://stadtlabor.podigee.io">HFT Stadtlabor</a></li>
+        <li><a href="https://stadtlabor.podigee.io/5-05-vergessen-in-der-stadt-wie-die-stadtplanung-menschen-mit-demenz-helfen-kann">Vergessen in der Stadt</a></li>
+      </ul>
+    </p>
+
   </div>
 
   <div class="footer"></div>