# 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

![Highlight Boxes in Hugo](highlights.png)