bulma/docs/_includes/global/v1.html

<div class="v1-banner">
  <h3 class="v1-title">
    <span class="v1-emoji">🎉</span>
    Bulma v1 is coming soon!
  </h3>

  <div class="v1-features">
    <ul class="v1-tags">
      <li class="v1-tag" style="background-color: #2a2e37; color: #fff">
        <span class="icon" style="color: #8158f5">
          <i class="fas fa-moon"></i>
        </span>
        Dark Mode
      </li>
      <li class="v1-tag">
        <span class="icon has-text-danger">
          <i class="fas fa-th-large"></i>
        </span>
        Smart Grid
      </li>
      <li class="v1-tag">
        <span class="icon has-text-link">
          <i class="fab fa-css3"></i>
        </span>
        CSS Variables
      </li>
      <li class="v1-tag">
        <span class="icon has-text-amazon">
          <i class="fas fa-tint"></i>
        </span>
        Auto-Color
      </li>
      <li class="v1-tag">
        <span class="icon has-text-success">
          <i class="fas fa-paint-brush"></i>
        </span>
        Themes
      </li>
      <li class="v1-tag">
        <span class="icon has-text-rss">
          <i class="fas fa-spinner"></i>
        </span>
        Skeleton Loaders
      </li>
      <li class="v1-tag">
        <span class="icon has-text-info">
          <i class="fas fa-palette"></i>
        </span>
        Auto-Palettes
      </li>
      <li class="v1-tag">
        <span class="icon has-text-sass">
          <i class="fas fa-bullseye"></i>
        </span>
        Dart Sass Support
      </li>
      <li class="v1-tag">
        <span class="icon has-text-primary">
          <i class="fas fa-info-circle"></i>
        </span>
        Improved Accessibility
      </li>
      <li class="v1-tag">
        <span class="icon has-text-fortyfour">
          <i class="fas fa-swatchbook"></i>
        </span>
        HSLA
      </li>
    </ul>
  </div>

  <div class="v1-more">and much more…</div>
</div>