HTML-Prototype Schulpaket

<ul class="c-download-list o-list-bare">
  <li class="c-download-list__item">
    <div class="c-download-list__content">
      <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
        <title>Paper clip mini</title>
        <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
      </svg><span class="c-download-list__text" aria-hidden="true">resume_back_end_developer.pdf</span>
    </div><a class="c-download-list__link" href="#" target="_blank" title="Download resume_back_end_developer.pdf">Download</a>
  </li>
  <li class="c-download-list__item">
    <div class="c-download-list__content">
      <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
        <title>Paper clip mini</title>
        <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
      </svg><span class="c-download-list__text" aria-hidden="true">coverletter_back_end_developer.pdf</span>
    </div><a class="c-download-list__link" href="#" target="_blank" title="Download coverletter_back_end_developer.pdf">Download</a>
  </li>
  <li class="c-download-list__item">
    <div class="c-download-list__content">
      <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
        <title>Paper clip mini</title>
        <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
      </svg><span class="c-download-list__text" aria-hidden="true">resume_front_end_developer.pdf</span>
    </div><a class="c-download-list__link" href="#" target="_blank" title="Download resume_front_end_developer.pdf">Download</a>
  </li>
  <li class="c-download-list__item">
    <div class="c-download-list__content">
      <svg class="c-download-list__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
        <title>Paper clip mini</title>
        <use xlink:href="Images/svg/sprite.symbol.svg#paper-clip-mini"></use>
      </svg><span class="c-download-list__text" aria-hidden="true">coverletter_front_end_developer.pdf</span>
    </div><a class="c-download-list__link" href="#" target="_blank" title="Download coverletter_front_end_developer.pdf">Download</a>
  </li>
</ul>