diff --git a/highlight/README.md b/highlight/README.md
new file mode 100644
index 0000000..80897e6
--- /dev/null
+++ b/highlight/README.md
@@ -0,0 +1,31 @@
+# Highlight boxes in Hugo
+
+## Install
+
+1. Add the shortcode files to `layouts/shortcodes`
+2. Add the css code to your project
+3. Add the icon vector files in your project to `/static`
+
+## Usage
+
+```hugo
+{{< highlight/info >}}
+ This is a highlighted text
+{{< /highlight/info >}}
+```
+
+```hugo
+{{< highlight/warning >}}
+ Make sure the Public Key is known to the Git Server.
+{{< /highlight/warning >}}
+```
+
+```hugo
+{{< highlight/critical >}}
+ This is a highlighted text
+{{< /highlight/critical >}}
+```
+
+## Preview
+
+
\ No newline at end of file
diff --git a/highlight/css/style.css b/highlight/css/style.css
new file mode 100644
index 0000000..1e3a6f5
--- /dev/null
+++ b/highlight/css/style.css
@@ -0,0 +1,40 @@
+.highlight-box {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ padding: 10px;
+}
+
+.highlight-box::before {
+ content: "";
+ display: block;
+ width: 25px;
+ height: 25px;
+ float: left;
+ margin: 0 6px 0 0;
+}
+
+.info {
+ background-color: #242930;
+}
+
+.info::before {
+ background: url("/highlight_info.svg") no-repeat;
+}
+
+.warning {
+ background-color: #d8b92e;
+ color: #202429;
+}
+
+.warning::before {
+ background: url("/highlight_warning.svg") no-repeat;
+}
+
+.critical {
+ background-color: #d82e2e;
+ color: #202429;
+}
+
+.critical::before {
+ background: url("/highlight_critical.svg") no-repeat;
+}
diff --git a/highlight/highlights.png b/highlight/highlights.png
new file mode 100644
index 0000000..421ec0d
Binary files /dev/null and b/highlight/highlights.png differ
diff --git a/highlight/shortcodes/highlight/critical.html b/highlight/shortcodes/highlight/critical.html
new file mode 100644
index 0000000..237adc4
--- /dev/null
+++ b/highlight/shortcodes/highlight/critical.html
@@ -0,0 +1,3 @@
+
+ {{.Inner}}
+
diff --git a/highlight/shortcodes/highlight/info.html b/highlight/shortcodes/highlight/info.html
new file mode 100644
index 0000000..0ca14a0
--- /dev/null
+++ b/highlight/shortcodes/highlight/info.html
@@ -0,0 +1,3 @@
+
+ {{.Inner}}
+
diff --git a/highlight/shortcodes/highlight/warning.html b/highlight/shortcodes/highlight/warning.html
new file mode 100644
index 0000000..bd9938c
--- /dev/null
+++ b/highlight/shortcodes/highlight/warning.html
@@ -0,0 +1,3 @@
+
+ {{.Inner}}
+
diff --git a/highlight/static/highlight_critical.svg b/highlight/static/highlight_critical.svg
new file mode 100644
index 0000000..0da46b9
--- /dev/null
+++ b/highlight/static/highlight_critical.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/highlight/static/highlight_info.svg b/highlight/static/highlight_info.svg
new file mode 100644
index 0000000..6ac8e08
--- /dev/null
+++ b/highlight/static/highlight_info.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/highlight/static/highlight_warning.svg b/highlight/static/highlight_warning.svg
new file mode 100644
index 0000000..581b088
--- /dev/null
+++ b/highlight/static/highlight_warning.svg
@@ -0,0 +1 @@
+
\ No newline at end of file