diff --git a/README.md b/README.md
index 325e6d2..dd6335b 100644
--- a/README.md
+++ b/README.md
@@ -99,6 +99,7 @@ Here, are some handy shortcodes you can use with this theme.
 - [img](https://toha.netlify.app/posts/short-codes/img/)
 - [split](https://toha.netlify.app/posts/short-codes/split/)
 - [vs](https://toha.netlify.app/posts/short-codes/vs/)
+- [alert](https://toha.netlify.app/posts/short-codes/alert/)
 
 ## Project Roadmap
 
@@ -184,6 +185,7 @@ Here, are the current plan and progress of various components of this theme. The
 - [x] Image
 - [x] Split Page into Multiple Column
 - [x] Vertical space between two sections
+- [x] Alert
 - [ ] Figure & sub-figure
 - [ ] Tabs
 
diff --git a/layouts/shortcodes/alert.html b/layouts/shortcodes/alert.html
new file mode 100644
index 0000000..ee1eb02
--- /dev/null
+++ b/layouts/shortcodes/alert.html
@@ -0,0 +1,3 @@
+<div class="alert alert-{{ .Get "type"}}">
+    <strong>{{.Inner | markdownify }}</strong>
+</div>