<div class="alert alert-success"> <p class="alert-content"> This is a success alert </p> <i class="far fa-times"></i> </div> <div class="alert alert-danger"> <p class="alert-content"> This is a danger alert </p> <i class="far fa-times"></i> </div> <div class="alert alert-info"> <p class="alert-content"> This is a info alert </p> <i class="far fa-times"></i> </div> <div class="alert alert-warning"> <p class="alert-content"> This is a warning alert </p> <i class="far fa-times"></i> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter