standard_alert.html

<article class="rui-alert-type--container">
    <button class="rui-alert-type error-btn">Error</button>
    <button class="rui-alert-type warning-btn">Warning</button>
    <button class="rui-alert-type success-btn">Success</button>
    <button class="rui-alert-type info-btn">Info</button>
</article>
<article class="rui-alert--container error inactive">
    <span><i class="fas fa-exclamation-circle"></i></span>
    <p class="rui-alert--text">
        Error while sending data.
    </p>
    <i class="far fa-times-circle rui-cross"></i>
</article>
<article class="rui-alert--container warning inactive">
    <span><i class="fas fa-exclamation-triangle"></i></span>
    <p class="rui-alert--text">
        Warning.
    </p>
    <i class="far fa-times-circle rui-cross"></i>
</article>
<article class="rui-alert--container success inactive">
    <span><i class="fas fa-check-circle"></i></span>
    <p class="rui-alert--text">
        Success.
    </p>
    <i class="far fa-times-circle rui-cross"></i>
</article>
<article class="rui-alert--container info inactive">
    <span><i class="fas fa-info"></i></span>
    <p class="rui-alert--text">
        Information.
    </p>
    <i class="far fa-times-circle rui-cross"></i>
</article>