HTML example:

<!-- START: Info Box -->
<div class="nk-info-box text-danger">
    <div class="nk-info-box-icon">
        <i class="ion-close-round"></i>
    </div>
    <h3>Error!</h3>
    <em>Thing place. In lesser waters creepeth his place us give multiply fruitful under. Make. Also were, you're make make likeness.</em>
</div>
<!-- END: Info Box -->

HTML example:

<!-- START: Info Box -->
<div class="nk-info-box text-info">
    <div class="nk-info-box-icon">
        <i class="ion-information"></i>
    </div>
    <div class="nk-info-box-close nk-info-box-close-btn">
        <i class="ion-close-round"></i>
    </div>
    <h3>Info!</h3>
    <em>Hath days lesser meat signs very. Fruit second can't moved seas meat two. Grass face isn't forth firmament dry. Don't.</em>
    <div class="nk-gap-1"></div>
    <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-info">
        <span>Help Me</span>
        <span class="icon"><i class="ion-help-circled"></i></span>
    </a>
</div>
<!-- END: Info Box -->

HTML example:

<!-- START: Info Box -->
<div class="nk-info-box nk-info-box-noicon">
    <div class="nk-info-box-close nk-info-box-close-btn">
        <i class="ion-close-round"></i>
    </div>
    <em>No Icon :'(</em>
</div>
<!-- END: Info Box -->