iwmlib/lib/card/test/example/_theme/templates/article3.html

53 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title data-innerhtml="title">Article with 50% Columns and Imagegroup</title>
<link rel="stylesheet" href="../_theme/css/bulma.css">
<link rel="stylesheet" href="../_theme/css/card.css">
<link rel="stylesheet" href="../_theme/css/article.css">
<link rel="stylesheet" href="../_theme/css/highlight.css">
<link rel="stylesheet" href="../_theme/css/popup.css">
<!-- disable zooming -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
<script src="../_theme/js/all.js"></script>
<script src="../_theme/js/3rdparty/all.js"></script>
<script src="../_theme/js/card.js"></script>
<script src="../_theme/js/highlight.js"></script>
<link rel="import" href="../_theme/templates/templates.html">
</head>
<body>
<article>
<div class="columns">
<div class="column content" data-innerhtml="col1" data-link="Popup" tabindex="0">
<p>Vom Kriegsgott Mars existieren 2 unterschiedlich hochwertige Abgüsse, die nach dem Modell Giambolognas angefertigt
wurden. Die unterschiedliche Qualität von Abgüssen ergibt sich aus dem Aufwand der Oberflächenbearbeitung
&nbsp;nach dem Guss.</p>
</div>
<div class="column content" data-innerhtml="col2" data-link="Popup" tabindex="0">
<p>Der früheste nachgewiesene Abguss gelangte 1587 als persönliches Geschenk des Künstlers an den sächsischen
Kurfürsten Christian I., der dem Bildhauer als Dank eine goldene Kette zukommen ließ. Dieses Dresdner
Exemplar ist noch qualitätsvoller als die Braunschweiger Version. Aus dem mit ihm verknüpften Datum wird
übrigens auf eine Entstehungszeit des Modells vor 1587 geschlossen.</p>
</div>
</div>
<div class="columns is-multiline is-centered" data-innerhtml="bottom" tabindex="0" data-blocks="Zoomable Figure" placeholder="Add zoomable figures here...">
<div class="column" data-blocks="Zoomable Figure">
<figure>
<img src="../assets/women.jpeg">
<figcaption>A Lady</figcaption>
</figure>
</div>
<div class="column" data-blocks="Zoomable Figure">
<figure>
<img src="../assets/women.jpeg">
<figcaption>A Lady</figcaption>
</figure>
</div>
</div>
</article>
</body>
</html>