index.html

<div class="mt-notification">
  <div class="notice-bg"></div>
  <div class="fluent-container">
    <div class="fluent"></div>
  </div>
  <div class="content">
    <div class="title">
      <div class="icon-wrapper">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#{{icon}}"></use>
        </svg>
      </div>
      <span>{{title}}</span>
      <svg class="icon close" aria-hidden="true">
        <use xlink:href="#icon-close"></use>
      </svg>    
    </div>
    <div class="body">
      <div class="left-text">{{message}}</div>
      <div class="confirm icon-wrapper">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-confirm"></use>
        </svg>
      </div>
    </div>
  </div>
</div>