Downloads and Downloads Multi

Um einen einzelnen Download bereitzustellen soll das nachfolgende Modul verwendet werden.

.modul-download

Download Title

Das ist eine zusätzliche Beschreibung

  • Doctype: DOCTYPE
Download 

        <div class="modul-download">
            <div class="left">
                <h3 class="title">Download Title</h3>
                <p class="text">
                    Das ist eine zusätzliche Beschreibung
                </p>
                <ul class="caption list--clean">
                    <li class="doc-type">Doctype: DOCTYPE</li>
                </ul>
            </div>
            <div class="right">
                <a class="link link--download" href="#" download >Download</a>
            </div>
        </div>

Multidownloads

Mehrere Downloads können im Downloads Multi Modul als Liste strukturiert werden.

.modul-download-multi

Downloads

  • Download title 1

    Philosophy is considered a science

    • Doctype: JPG-Dokument (169,5 kB) – Stand: 03/1974
    Download

  • Download title 2

    Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.

    • Doctype: PDF-Dokument (39,6 kB) – Stand: 03/1974
    Download

  • Download title 3

    Das ist eine zusätzliche Beschreibung

    • Doctype: TXT-Dokument (12,3 kB) – Stand: 03/1974
    Download 

<div class="modul-download-multi">
    <h2 class="title">Downloads</h2>
    <ul aria-label="Downloads" class="list--downloadtable">
        
        <li class="modul-download">
            <div class="left">
                <h3 class="title">Download title 1</h3>
                <p class="text">
                    Philosophy is considered a science
                </p>
                <ul class="caption list--clean">
                    <li class="doc-type">Doctype: JPG-Dokument (169,5 kB) – Stand: 03/1974</li>
                </ul>
            </div>
            <div class="right">
                <a class="link link--download" href="#" download >Download</a>
            </div>
        </li>
        
        <li class="modul-download">
            <div class="left">
                <h3 class="title">Download title 2</h3>
                <p class="text">
                    Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
                </p>
                <ul class="caption list--clean">
                    <li class="doc-type">Doctype: PDF-Dokument (39,6 kB) – Stand: 03/1974</li>
                </ul>
            </div>
            <div class="right">
                <a class="link link--download" href="#" download >Download</a>
            </div>
        </li>
        
        <li class="modul-download">
            <div class="left">
                <h3 class="title">Download title 3</h3>
                <p class="text">
                    Das ist eine zusätzliche Beschreibung
                </p>
                <ul class="caption list--clean">
                    <li class="doc-type">Doctype: TXT-Dokument (12,3 kB) – Stand: 03/1974</li>
                </ul>
            </div>
            <div class="right">
                <a class="link link--download" href="#" download >Download</a>
            </div>
        </li>

    </ul>
</div>