<div class="row"><div class="col-sm-12 text-center"><h4 class="uppercase mb16">Multipurpose Alerts</h4><p class="lead mb64">Using standard Bootstrap syntax, these alerts are all dismissible.</p></div></div><!--end of row--><div class="row"><div class="col-md-10 col-md-offset-1"><div class="alert alert-success alert-dismissible fade show" role="alert"><strong>Hooray!</strong> That action was a complete success <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-danger alert-dismissible" role="alert"><strong>No Good!</strong> Complete failure detected, have another go <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible" role="alert"><strong>Uhoh!</strong> Better check yourself, you're not looking too good. <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button></div></div></div>