components

<div class="lp__alert lp__alert_info" role="alert">
  <strong>HEADS UP!</strong> This alert <strong>needs your attention,</strong> but it’s not super important.<a href="" class="lp__alert_link">Example of link.</a> 
</div>
<div class="lp__alert lp__alert_danger" role="alert">
  <strong>ALERT! </strong> Change a few things up and try submitting again. <a href="" class="lp__alert_link">Example of link.</a> 
</div>
<div class="lp__alert lp__alert_warning" role="alert">
  <strong>CAUTION!</strong> Better check yourself, you’re <strong>not looking too good.</strong><a href="" class="lp__alert_link">Example of link.</a> 
</div>
<div class="lp__alert lp__alert_success" role="alert">
  <strong>WELL DONE!</strong> You successfully read <strong>this important alert message.</strong><a href="" class="lp__alert_link">Example of link.</a> 
</div>

<div class="lp__alert lp__alert_info lp__alert_dismissible fade in" role="alert">
  <strong>HEADS UP!</strong> This alert <strong>needs your attention,</strong> but it’s not super important.<a href="" class="lp__alert_link">Example of link.</a> 
  <a href="#" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true" class="loop loop-close"></span>
  </a>
</div>