<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/fontawesome/css/fontawesome.css" rel="stylesheet" />
    <link href="/fontawesome/css/solid.css" rel="stylesheet" />
    <title>{{ call .tr "title" }}</title>
  </head>
  <body>
    {{ template "nav.html" . }}
    <div class="container pt-5">
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">{{ call .tr "about" }}</h4>
          <p class="card-text">{{ .productDisclaimer }}</p>
          <div class="container p-2 center" style="text-align: center;">
            <a href="https://www.taler.net/en/"><img class="p-2" style="height:6em;" src="/images/talerlogo.svg" alt="GNUTaler"></a>
            <a href="https://nlnet.nl/project/TALER-LookupService/"><img class="p-2" style="height:6em;" src="/images/nlnetbanner.svg" alt="NLNet"></a>
          </div>
        </div>
      </div>
    </div>
    </div>
    {{ template "footer.html" . }}
  </body>
</html>
