alert

<output class="alert alert-success">
    <i class="far fa-check-circle"></i>
    Your order is placed
    <i class="fas fa-times"></i>
</output>
<output class="alert alert-warning">
    <i class="fas fa-exclamation-circle"></i>
    Your have insufficient funds
    <i class="fas fa-times"></i>
</output>
<output class="alert alert-danger">
    <i class="fas fa-skull-crossbones"></i>
    Your account has been blocked
    <i class="fas fa-times"></i>
</output>
<output class="alert alert-primary">
    Primary alert with close button
    <i class="fas fa-times"></i>
</output>