<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <title>STARK</title>

  <!-- CSS  -->
  {% block custom_css %}{% endblock %}
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600;700" rel="stylesheet">

  <link href="/stark/static/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="/stark/static/css/nouislider.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="/stark/static/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>


  <link rel="icon" type="image/svg+xml" href="/stark/static/favicon/favicon.svg">
</head>
<body class="backgroundcolorcjvt">
  <nav class="redcjvt" role="navigation">
<!--    <div class="nav-wrapper container"><a id="logo-container" href="{{url_for('index')}}?lang={{ _('code') }}&reload=true" class="brand-logo"><b>STARK</b><sup>demo</sup></a>-->
    <div class="nav-wrapper container"><a id="logo-container" href="{{url_for('index')}}?lang={{ _('code') }}&reload=true"><img class="clarin-logo" src="/stark/static/images/CJVT-StarkDemo-White.svg" ></a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="{{url_for('about')}}?lang={{ _('code') }}">{{ _('About') }}</a></li>
        <li><a id="switch-language" href="{{ _('switch_link') }}">
          {{ _('switch_code') }}
        </a></li>
      </ul>
    </div>
  </nav>
  <nav class="whitecjvt" role="navigation">
<!--    <div class="nav-wrapper container">-->
<!--      <ul class="right hide-on-med-and-down">-->
<!--        <li><div id="facebook_link" class="icon-nav"><img src="/stark/static/icons/logo&#45;&#45;facebook.svg" ></div></li>-->
<!--        <li><div id="twitter_x_link" class="icon-nav"><img src="/stark/static/icons/logo&#45;&#45;twitter.svg" ></div></li>-->
<!--      </ul>-->
<!--    </div>-->
  </nav>
  {% block content %}{% endblock %}

  <footer class="page-footer blackcjvt">
    <div class="container">
      <div class="row">
        <div class="col s2 footer-col-content">
          <h5>{{ _('Issuer') }}</h5>
          <div id="ul_link" class="footer-element"><img class="ul-footer" src="/stark/static/images/ul.png" ></div>
        </div>
        <div class="col s2 footer-col-content">
          <h5>{{ _('Financial support') }}</h5>
          <div id="aris_link" class="footer-element"><img src="/stark/static/images/aris.jpg" ></div>
        </div>
        <div class="col s2 footer-col-content">
          <h5>{{ _('Transfer tool') }}</h5>
          <div id="clarin_link" class="footer-element"><img class="clarin-footer" src="/stark/static/images/clarin.svg" ></div>
        </div>
        <div class="col s2 footer-col-content">
          <h5>{{ _('License') }}</h5>
          <div id="apache_link"><div class="footer-license">STARK  is openly available under  Apache License 2.0.</div></div>
        </div>
        <div class="col s2 footer-col-content">
          <h5>{{ _('Support') }}</h5>
          <div id="cjvt_link" class="footer-element"><img class="ul-footer" src="/stark/static/images/cjvt.png" ></div>
        </div>
      </div>
    </div>
<!--    <div class="footer-copyright">-->
<!--      <div class="container">-->
<!--      Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>-->
<!--      </div>-->
<!--    </div>-->
  </footer>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="/stark/static/js/materialize.js"></script>
  <script src="/stark/static/js/wNumb.js"></script>
  <script src="/stark/static/js/generic.js"></script>
  {% block custom_js %}{% endblock %}

  </body>
</html>
