diff --git a/layouts/shortcodes/info.html b/layouts/shortcodes/info.html
new file mode 100644
index 0000000..2a5c8cd
--- /dev/null
+++ b/layouts/shortcodes/info.html
@@ -0,0 +1,5 @@
+<div class="ui blue message">
+  <div class="content">
+    <p>{{ .Inner | markdownify }}</p>
+  </div>
+</div>
diff --git a/layouts/shortcodes/wip.html b/layouts/shortcodes/wip.html
new file mode 100644
index 0000000..e46cfaa
--- /dev/null
+++ b/layouts/shortcodes/wip.html
@@ -0,0 +1,11 @@
+<div class="ui yellow message">
+  <div class="content">
+    <div class="header">
+      Work in Progress
+    </div>
+    <p>
+      This section is incomplete. Sorry! Give us some time to continue expanding the documentation,
+      and we'll have great content for you here.
+    </p>
+  </div>
+</div>