{% load static compress tz %}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link href="{% static 'css/render.css' %}" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
</head>
<style>
@page{
  @top-right {
    content: "{{ date | date:'d.m.Y' }}";
  }
  @top-left {
    content: "{{ title }}"
  }
  @top-right-corner {
  }
}
</style>
<body>

<div class="container">
  <img class="logo" alt="Qabel Logo" src="{% static '/images/qabel-kl.png' %}"/>
  <div class="header">
      <h1>{{ title }}</h1>
  </div>
  <div class="document">
      {{ content | safe }}
  </div>
</div>

</body>
</html>
