<!doctype html>
<head>
    <link rel="stylesheet" href="css/print.css" type="text/css" />
    <meta charset="utf-8" />
</head>
<body>
    {% for f in files %}
        <div class="fileWrapper">
            <h3 class="title"><span class="counter">{{ f.serial }}. </span>{{ f.title }}</h3>
            <div class="datetime">
                <div class="date">Date: {{ f.dateStr }}</div>
                <div class="time">Time: {{ f.time }}</div>
            </div>
            <div class="subs">
                {% for s in f.subs %}
                <div class="sub">
                    <div class="inpoint">{{ s.in }}</div>
                    <pre class="subText">{{ s.text }}</pre>
                </div>
                {% endfor %}

            </div>
        </div>

    {% endfor %}


</body>

</html>
