Skip to content

Notification Types

<div class="alert alert-primary" role="alert"> <h4>Alert!</h4>our membership is about to expire. If you have any questions, <a href="#" class="alert-link">contact us</a>.</div>

<div class="alert alert-secondary" role="alert"> <h4>Notifications</h4>You are required to be a member to receive discounts of products. If you have any questions, <a href="#" class="alert-link">contact us</a>. </div>

<div class="alert alert-success" role="alert"> <h4> Success!</h4> You have successfully submitted something from a form. If you have further questions, <a href="#" class="alert-link">contact us</a>. </div>

<div class="alert alert-danger" role="alert"> <h4>Error!</h4> There was a problem with the information you submitted. Please <a href="#" class="alert-link">contact membership</a> now. </div>

<div class="alert alert-warning alert-dismissible fade show" role="alert"> <h4>Warning</h4> You forgot to fill out some of the required fields below. Please <a href="#" class="alert-link">contact membership</a> if you are having problems. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </div>

<div class="alert alert-info" role="alert"> <h4>Info Notice</h4> This is a info alert with <a href="#" class="alert-link">an example link</a>. </div>