diff options
1 files changed, 14 insertions, 0 deletions
| -rw-r--r-- | index.html | 14 |
@@ -1197,6 +1197,15 @@ <figure class="avatar avatar-sm" data-initial="YZ" style="background-color: #8a93d7;"></figure> <figure class="avatar avatar-xs" data-initial="YZ" style="background-color: #9ba2dd;"></figure> </div> + + <div class="column col-3"> + <figure class="avatar avatar-xl" data-initial="YZ" style="background-color: #5764c6;"> + <img src="demo/img/avatar-1.png" /> + </figure> + <figure class="avatar avatar-lg" data-initial="YZ" style="background-color: #6874cc;"> + <img src="demo/img/avatar-2.png" /> + </figure> + </div> </div> <section class="notes"> @@ -1216,6 +1225,11 @@ <<span class="tag">/figure</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>><<span class="tag">/figure</span>> + +<span class="com"><!-- Show initals when avatar image is unavailable or not fully loaded --></span> +<<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> /> +<<span class="tag">/figure</span>> </pre> </section> |