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
<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
-
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.
-
Download title 3
Das ist eine zusätzliche Beschreibung
<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>