diff --git a/content/projekte/hack-n-fun/freizeiten/froglabs.md b/content/projekte/hack-n-fun/freizeiten/froglabs.md
deleted file mode 100644
index 70c8f16f2f3b65f3b9d0ecc57edeabd801aa39f0..0000000000000000000000000000000000000000
--- a/content/projekte/hack-n-fun/freizeiten/froglabs.md
+++ /dev/null
@@ -1,3 +0,0 @@
-+++
-title = "FrogLabs"
-+++
diff --git a/content/projekte/hack-n-fun/freizeiten/froglabs/froscon_kinder.jpg b/content/projekte/hack-n-fun/freizeiten/froglabs/froscon_kinder.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e81fe46ee0f9408cc46a60e52ea51f77a45d148f
Binary files /dev/null and b/content/projekte/hack-n-fun/freizeiten/froglabs/froscon_kinder.jpg differ
diff --git a/content/projekte/hack-n-fun/freizeiten/froglabs/index.md b/content/projekte/hack-n-fun/freizeiten/froglabs/index.md
new file mode 100644
index 0000000000000000000000000000000000000000..4b1c5e7b3c44727ebce5b7385ad74b6443574fe2
--- /dev/null
+++ b/content/projekte/hack-n-fun/freizeiten/froglabs/index.md
@@ -0,0 +1,17 @@
++++
+title = "FrogLabs"
+description = "Als Nachwuchs zu Besuch bei Open-Source-Konferenzen"
+
+template = "pages/raw.html"
+
+[extra.depiction]
+image = "froscon_kinder.jpg"
+alt = "Große Gruppe Kinder am Eingang der Hochschule Bonn-Rhein-Sieg bei der FrOSCon"
++++
+
+{{ hero_section(background_img="froscon_kinder.jpg", background_alt="Große Gruppe Kinder am Eingang der Hochschule Bonn-Rhein-Sieg bei der FrOSCon") }}
+
+{% message_section(title="Die nächsten FrogLabs warten noch") %}
+  Die nächsten FrogLabs und die allgemeinen Informationen für diese Seite haben
+  wir noch nicht fertiggestellt.
+{% end %}
diff --git a/content/projekte/hack-n-fun/freizeiten/index.md b/content/projekte/hack-n-fun/freizeiten/index.md
index 46d698cbd9f7afe090b5f7fb90d006788e64a648..9535a250d22c37430d1d0fab0c8d9e75b111e684 100644
--- a/content/projekte/hack-n-fun/freizeiten/index.md
+++ b/content/projekte/hack-n-fun/freizeiten/index.md
@@ -6,17 +6,19 @@ projekt = ["Hack'n'Fun"]
 zielgruppe = ["Kinder und Jugendliche", "Eltern"]
 
 [[extra.further.freizeit]]
-image = "hacken_am_lagerfeuer.jpg"
+image = "hacknsun/hacken_am_lagerfeuer.jpg"
 alt = "Mehrere Jugendliche sitzen an einen Lagerfeuer und entwickeln an ihrem eigenem Spiel"
+credits = "Dominik George, CC-BY-SA"
 title = "Hack'n'Sun"
 link = "@/projekte/hack-n-fun/freizeiten/hacknsun/index.md"
 description = "Unsere Jährliche Sommerfreizeit mit vielen Workshops, Spielen und viel spaß!"
 
 [[extra.further.freizeit]]
-image = "froglabs_banner.png"
+image = "froglabs/froscon_kinder.jpg"
 alt = "FrogLabs-Logo"
+credits = "Dominik George, CC-BY-NC-ND"
 title = "FrogLabs"
-link = "@/projekte/hack-n-fun/freizeiten/froglabs.md"
+link = "@/projekte/hack-n-fun/freizeiten/froglabs/index.md"
 description = "Unsere Jugendworkshops auf Open-Source-Konferenzen"
 
 +++
diff --git a/templates/shortcodes/message_section.html b/templates/shortcodes/message_section.html
new file mode 100644
index 0000000000000000000000000000000000000000..a65edfe1be10302f19499854ebea5f9eec924496
--- /dev/null
+++ b/templates/shortcodes/message_section.html
@@ -0,0 +1,13 @@
+<section class="section">
+  <div class="container">
+    <div class="message is-{{ color | default(value="info") }}">
+      <div class="message-header">
+        <p>{{ title }}</p>
+        <a class="button delete" href="{{ get_url(path="@/_index.md") }}"></a>
+      </div>
+      <div class="message-body">
+        {{ body }}
+      </div>
+    </div>
+  </div>
+</section>