<style>
    #message {
        padding: 10px;
        margin-bottom: 10px;
        background-color: #f8e896;
        font: 400 16px 'Open Sans', sans-serif;
        border: 1px solid #dfd087;
        border-radius: 10px;
    }
</style>

<script src="https://snipp.ru/cdn/jquery/2.1.1/jquery.min.js"></script>
<script type="javascript">
    $(function () {
        $("#alert").delay({TIME}).slideUp(300);
    });
</script>
<div id="alert">
    <div class="alert alert-{TYPE} alert-styled-left alert-arrow-left alert-dismissible show">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        <h5 class="alert-heading"><strong>{TITLE}</strong></h5>
        <p class="mb-0">{TEXT}</p>
    </div>
</div>

