<div class="alert alert-success">
                <p class="alert-content">
                    This is a success alert
                </p>
                <i class="far fa-times"></i>
            </div>
        
            <div class="alert alert-danger">
                <p class="alert-content">
                    This is a danger alert
                </p>
                <i class="far fa-times"></i>
            </div>
        
            <div class="alert alert-info">
                <p class="alert-content">
                    This is a info alert
                </p>
                <i class="far fa-times"></i>
            </div>
        
            <div class="alert alert-warning">
                <p class="alert-content">
                   This is a warning alert  
                </p>
                <i class="far fa-times"></i>
            </div>