<div class="row">
    <div class="col-md-12">
        <div class="alert-box danger">
            <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
            <strong><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> &nbsp; Danger!</strong> &nbsp;Indicates a dangerous or potentially negative action.
        </div>
    </div>
    <!--end message box-->
    <div class="col-divider-margin-2"></div>
    <div class="col-md-12">
        <div class="alert-box success">
            <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
            <strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> &nbsp;  Success!</strong> &nbsp;Indicates a successful or positive action.
        </div>
    </div>
    <!--end message box-->
    <div class="col-divider-margin-2"></div>
    <div class="col-md-12">
        <div class="alert-box info">
            <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
            <strong><i class="fa fa-info" aria-hidden="true"></i> &nbsp;   Info!</strong> &nbsp;Indicates a neutral informative change or action.
        </div>
    </div>
    <!--end message box-->
    <div class="col-divider-margin-2"></div>
    <div class="col-md-12">
        <div class="alert-box warning">
            <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
            <strong><i class="fa fa-exclamation" aria-hidden="true"></i> &nbsp;    Warning!</strong> &nbsp;Indicates a warning that might need attention.
        </div>
    </div>
    <!--end message box-->
    <p class="clearfix margin-bottom-5"></p>
    <div class="col-md-12 nopadding">
        <div class="col-md-4">
            <div class="alert-box danger">
                <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
                <img src="images/shortcodes/40.jpg" alt="" class="img-responsive margin-bottom-2 margin-top-1" />
                <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search will uncover many web sites in versions have over the years.</p>
            </div>
        </div>
        <!-- end col -->
        <div class="col-md-4">
            <div class="alert-box warning">
                <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
                <div class="less5">
                    <h4 class="text-white font-weight-8 margin-bottom-2 margin-top-1">The Theme is Professional Creativity with Clean Featured Theme Let’s Start an Awesome Project Now!</h4>
                    <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search will uncover many and a search will uncover many and a search will uncover many web sites in versions have over the years.</p>
                </div>
            </div>
        </div>
        <!-- end col -->
        <div class="col-md-4">
            <div class="alert-box info">
                <span class="alert-closebtn" onClick="this.parentElement.style.display='none';">&times;</span>
                <h3 class="text-white font-weight-3 padding-top-3 padding-left-3 padding-right-3 padding-bottom-3">Many publishing packages and web page editors now use as their default model text, and a search will uncover many web sites in versions have over the years.</h3>
            </div>
        </div>
        <!-- end col -->
    </div>
</div>