Highlight

<span class="highlight-yellow">[...]</span>

Vestibulum molestie commodo lobortis. Vivamus vulputate velit eget eros suscipit ullamcorper. Praesent eu nisl gravida eros tristique ultricies eu ut ligula. Etiam volutpat eros ut elit rhoncus ut consectetur lorem commodo.

<span class="highlight-dark">[...]</span>

Vestibulum molestie commodo lobortis. Vivamus vulputate velit eget eros suscipit ullamcorper. Praesent eu nisl gravida eros tristique ultricies eu ut ligula. Etiam volutpat eros ut elit rhoncus ut consectetur lorem commodo.

<span class="highlight-green">[...]</span>

Vestibulum molestie commodo lobortis. Vivamus vulputate velit eget eros suscipit ullamcorper. Praesent eu nisl gravida eros tristique ultricies eu ut ligula. Etiam volutpat eros ut elit rhoncus ut consectetur lorem commodo.

<span class="highlight-red">[...]</span>

Vestibulum molestie commodo lobortis. Vivamus vulputate velit eget eros suscipit ullamcorper. Praesent eu nisl gravida eros tristique ultricies eu ut ligula. Etiam volutpat eros ut elit rhoncus ut consectetur lorem commodo.

Custom Message

<div class="info">[...]</div>
This is information message
<div class="success">[...]</div>
This is success message
<div class="warning">[...]</div>
This is warning message
<div class="error">[...]</div>
This is error message