diff --git a/layouts/shortcodes/box.html b/layouts/shortcodes/box.html
new file mode 100644
index 0000000..41fef27
--- /dev/null
+++ b/layouts/shortcodes/box.html
@@ -0,0 +1,3 @@
+<div class='p-4 mb-4 bg-{{ .Get "type" }} rounded'>
+    {{ .Inner | markdownify }}
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/icon.html b/layouts/shortcodes/icon.html
new file mode 100644
index 0000000..4e40d1e
--- /dev/null
+++ b/layouts/shortcodes/icon.html
@@ -0,0 +1 @@
+<i class="material-icons me-2" style="font-size: inherit;vertical-align: sub;">{{ .Get "icon" }}</i>
\ No newline at end of file