Demo · Messages

  • Successful: <div class="message-successful">
    <h4>Successful</h4>
    </div>

    Successful

  • Info: <div class="message-info">
    <h4>Notice</h4>
    </div>

    Info

  • Warning / Notice: <div class="message-warning">
    <h4>Warning</h4>
    </div>

    Warning or Notice

  • Error / Fatal: <div class="message-error">
    <h4>Error</h4>
    </div>

    Error or Fatal

  • Box: <div class="box">
    This is a text ...
    </div>

    This is a text ...