<div styling="interruptor"> <h4>I'm an Interruptor</h4> <p>Interruptors are smaller than banners, but larger than alertboxes.<br> They're about drawing your attention to a CTA of some sort.</p> <p><a styling="button small disabled">Button</a></p></div>
<div styling="alertbox"> Did you mean the shop <a href="">kitchensinks.co.uk</a>? <a href="" class="close">×</a></div><div styling="alertbox alertbox-secondary"> Something you can probably ignore has happened. <a href="" class="close">×</a></div><div styling="alertbox alertbox-negative"> Something bad has happened. <a href="" class="close">×</a></div><div styling="alertbox alertbox-warning"> Something slightly worrying has happened. <a href="" class="close">×</a></div><div styling="alertbox alertbox-positive"> Something good has happened. <a href="" class="close">×</a></div>