         <figure class="avatar badge" data-badge="8" data-initial="YZ"><img src="../img/avatar-3.png" alt="YZ"></figure>
              </div>
            </div>
            <p>Badges support <code>button</code> and <code>avatars</code> elements as well.</p>
            <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">span</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"badge"</span>&gt;</span>
  Notifications
<span class="hljs-tag">&lt;/<span