When used appropriately, numbers can strengthen the story on any given page. Use stats to prominently display an important or meaningful statistic.
Stats are usually displayed in a multiple-column format. They include fields for the stat number, supporting details, and an optional internal or external link.
#1 Stats get noticed
#2 Stats stand out
#3 Stats work
<div class="grid thirds">
<div class="grid-item">
<div class="stat">
<p class="stat--info">
<span class="stat--number">#1</span>
<span class="stat--text">Stats get noticed</span>
</p>
</div>
</div>
<div class="grid-item">
<div class="stat">
<p class="stat--info">
<span class="stat--number">#2</span>
<span class="stat--text">Stats stand out</span>
</p>
</div>
</div>
<div class="grid-item">
<div class="stat">
<p class="stat--info">
<span class="stat--number">#3</span>
<span class="stat--text">Stats work</span>
</p>
</div>
</div>
</div>You can use our style and code snippets to improve any website in any content management system. Or you can request a copy of the IU Web Framework, a self-service tool that lets developers build a site in the WCMS.
If you would like to learn more about how we can help you build your website in the Web Framework, contact our Creative & Web Studio.