<div class="primary-alert">
    <span class="material-icons">
        email
    </span>
    <span>You have new Message!</>
</div>
  
<div class="error-alert">
    <span class="material-icons">
        error
    </span>
    <span>Danger: An error occured!</span>
</div>
  
<div class="warning-alert">
    <span class="material-icons">
        gpp_maybe
    </span>
    <span>Warning: Data may get leaked!</>
</div>

<div class="success-alert">
    <span class="material-icons">
        check_circle
    </span>
    <span>Success: Operation Successful!</span>
</div>