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>