<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>{{collection.title}}</title>
  <link rel="stylesheet" type="text/css" href="{{static_files}}/style.css">
</head>

<body>

<div id="bodyContent">
<div class="title">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
  <td class="data">{{collection.title}}</td>
  <td class="title" align="right">{{date}}</td>
</tr>
</tbody>
</table>
</div>

<div class="coins">
  {% for record in records %}
<div class="row">
<span class="helper"></span>
{% if record.obverseimg %}
<a href="{{static_files}}/{{record.obverseimg}}" class="image"><img style="width: {% if record.diameter_raw %}{{record.diameter_raw}}mm{% else %}1in{% endif %}" class="photo" src="{{static_files}}/{{record.obverseimg}}" alt="{{titles.obverseimg}}"></a>
{% endif %}
<span class="top-left">{{record.country}}<br>{{record.value}} {{record.unit|lower}}</span>
<span class="top-right">{{record.year}}{% if record.mintmark %}-{{record.mintmark}}{% endif %}</span>
<span class="bottom-left">{{record.catalognum1}}</span>
<span class="bottom-right">{{record.grade}}</span>
</div>
  {% endfor %}
</div>


<div class="footer">
Generated by OpenNumismat
</div>
</div>
</body>
</html>
