<div class="alert primary-outline">
    <div class="content">Primary! This is a Primary Alert - Check it now!</div>
    <i class="fas fa-times icon"></i>
</div>
<div class="alert success-outline">
    <div class="content">Success! This is a Success Alert - Check it now!</div>
    <i class="fas fa-times icon"></i>
</div>
<div class="alert warning-outline">
    <div class="content">Warning! This is a Warning Alert - Check it now!</div>
    <i class="fas fa-times icon"></i>
</div>
<div class="alert error-outline">
    <div class="content">Error! This is a Error Alert - Check it now!</div>
    <i class="fas fa-times icon"></i>
</div>