Alerts

<div class="alert alert-danger">
            <i class="fa-solid fa-circle-xmark text-md items-center"></i>
            <div>
                <h3>There were 2 errors with your submission</h3>
                <p>This thing is really broken <a href="#">More Details here</a></p>
                <ul role="list">
                    <li>Your password must be at least 8 characters</li>
                    <li>Your password must include at least one pro wrestling finishing move</li>
                </ul>
            </div>
        </div>

<div class="alert alert-warning">
            <i class="fa-solid fa-triangle-exclamation text-md items-center"></i>
            <div>
                <h3>There were 2 errors with your submission</h3>
                <p>This thing is really broken <a href="#">More Details here</a></p>
                <ul role="list">
                    <li>Your password must be at least 8 characters</li>
                    <li>Your password must include at least one pro wrestling finishing move</li>
                </ul>
            </div>
        </div>

<div class="alert alert-information">
            <i class="fa-solid fa-circle-info text-md items-center"></i>
            <div>
                <h3>There were 2 errors with your submission</h3>
                <p>This thing is really broken <a href="#">More Details here</a></p>
                <ul role="list">
                    <li>Your password must be at least 8 characters</li>
                    <li>Your password must include at least one pro wrestling finishing move</li>
                </ul>
            </div>
        </div>

<div class="alert alert-success">
            <i class="fa-solid fa-circle-check text-md items-center"></i>
            <div>
                <h3>There were 2 errors with your submission</h3>
                <p>This thing is really broken <a href="#">More Details here</a></p>
                <ul role="list">
                    <li>Your password must be at least 8 characters</li>
                    <li>Your password must include at least one pro wrestling finishing move</li>
                </ul>
            </div>
        </div>

<div class="alert alert-success">
            <h3 class="text-sm">There were 2 errors with your submission</h3>
        </div>