Reports
<ul class="reports">
<li>
<a href="pdf/good-brand-book.pdf">
<span>Brand Goodness Report: Phase 1</span>
</a>
</li>
…
</ul>
Reports with download links
<ul class="reports">
<li class="download">
<a href="">
<i>
<svg class="icon" width="20" height="20" viewBox="0 0 20 20">
<switch>
<g>
<path d="M17,7c-0.5-0.5-1.2-0.5-1.6,0l-4.2,4.2V2.6c0-0.6-0.5-1.2-1.2-1.2S8.8,2,8.8,2.6v8.6L4.6,7
C4.2,6.5,3.5,6.5,3,7S2.6,8.1,3,8.6l6.2,6.2c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3L17,8.6C17.4,8.1,17.4,7.4,17,7z"></path>
<path d="M17.4,18.6H2.6c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2h14.8c0.6,0,1.2,0.5,1.2,1.2S18,18.6,17.4,18.6z"></path>
</g>
<foreignobject>Download</foreignobject>
</switch>
</svg>
</i>
<span>The New Social Era of Finance</span>
</a>
</li>
…
</ul>