--- steps/step-6/index.html	2023-09-11 13:38:25.640670404 +0200
+++ steps/step-7/index.html	2023-09-11 13:38:24.120662995 +0200
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Adding a Marker</title>
+    <title>Draw shapes</title>
     <meta charset="utf-8" />
     <script src="../../bower_components/leaflet/dist/leaflet.js"></script>
     <link rel="stylesheet" href="../../bower_components/leaflet/dist/leaflet.css"/>
@@ -64,6 +64,19 @@
 
       var poi = L.marker(latLon, {icon: redMarker}).addTo(myMap);
       poi.bindPopup("<b>test</b><hr/>foobar");
+
+      var circle = L.circle(latLon, 50, {
+        color: 'red',
+        fillColor: '#f03',
+        fillOpacity: 0.5
+      }).addTo(myMap);
+      
+      var polygon = L.polygon([
+        [53.56210, 9.95999],
+        [53.56230, 9.95970],
+        [53.56250, 9.95970]
+      ]).addTo(myMap);
+
     </script>
   </body>
 </html>