Alerts.

A variety of alerts.

<!-- Alert Section -->
        <section class="section">
            <h2>Alerts</h2>
            <div class="alerts-list">
                <div class="alert alert-success">
                    <i class="fas fa-check-circle"></i>
                    <p>Operation completed successfully!</p>
                </div>
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i>
                    <p>Here's something you should know.</p>
                </div>
                <div class="alert alert-warning">
                    <i class="fas fa-exclamation-circle"></i>
                    <p>Warning: Please proceed with caution.</p>
                </div>
                <div class="alert alert-error">
                    <i class="fas fa-times-circle"></i>
                    <p>Error: Something went wrong.</p>
                </div>
            </div>
        </section>