Added content in raw template

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

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>