Promo Bar

Display your latest offer, promotion or news item.

Icon + link promo

Code Example Shortcut: z-promo-bar

<div class="promo-banner theme-cta">
  <i class="text-accent zenicon-verified mr-1"></i> 101 Essential Icons for zenCSS.
  <p class="bold mb-2 ml-1 down-1">
    <a href="/docs/examples/icons.html" class="text-white down-2">Get 'em free</a>
  </p>
</div>

The Zen Test

Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.

So you can be assured it "just works". Try it out below.