<!DOCTYPE html>
<html lang="en" data-view="home" class="no-js">
<head>
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="google" content="notranslate" />
  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="author" content="Löwenware.s.r.o">

  <title>Dotrix book</title>


  <link href="/static/style.css" rel="stylesheet" />

  <script type="text/javascript">document.documentElement.className='';</script>
</head>
<body>
  <div class="main-wrapper">
  <div class="overlay">
    <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
    <a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu">
      <svg class="icon svg-menu-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
        <g class="svg-menu-group">
          <path class="svg-menu-lines" d="m0 4v2h24v-2zm0 7v2h24v-2zm0 7v2h24v-2z"/>
          <path class="svg-menu-cross" d="m4.22 2.81-1.42 1.42 7.78 7.78-7.78 7.78 1.42 1.42 7.78-7.78 7.78 7.78 1.42-1.42-7.78-7.78 7.78-7.78-1.42-1.42-7.78 7.78z">
        </g>
      </svg>
    </a>
    <div class="logo__text">Löwenware</div>
  </div>

  <nav id="menu" class="menu">
    <ul class="menu__list">
      <li><a href="/">Home</a></li>
      <li><a href="/about/">About</a></li>
      <li><a href="/aisl/">AISL</a></li>
      <li><a href="/dotrix/" class="active">Dotrix</a></li>
      <li><a href="/blog/">Blog</a></li>
      <li><a href="/contact/">Contact</a></li>
    </ul>
  </nav>


  <main class="content text-content">
    <h1>Dotrix</h1>
    <img src="/static/dotrix-slide.jpg" class="slide-picture" />
  </main>

  </div>
  <div class="footer">
    <div class="footer__logo dark-bg">Löwenware</div>
    <div class="footer__above">
      <!--div class="newsletter">
        <form>
          <label for="newsletter__email">Subscribe to newsletter</label>
          <div class="newsletter__field">
            <input type="email" name="email" id="newsletter__email" placeholder="your@email.address" />
            <button type="submit" class="submit" name="submit" value="1">Subscribe</button>
          </div>
        </form>
      </div-->
      <div class="footer__social">
        <a href="/goto/github" title="Go to GitHub"><svg class="icon"><use xlink:href="/static/sprite.svg#github"/></svg></a>
        <a href="/goto/gitter" title="Go to Gitter chat"><svg class="icon"><use xlink:href="/static/sprite.svg#gitter"/></svg></a>
        <a href="/goto/youtube" title="Go to YouTube channel"><svg class="icon"><use xlink:href="/static/sprite.svg#youtube"/></svg></a>
        <a href="/goto/instagram" title="Go to Instagram"><svg class="icon"><use xlink:href="/static/sprite.svg#instagram"/></svg></a>
        <a href="/goto/medium" title="Go to Medium page"><svg class="icon"><use xlink:href="/static/sprite.svg#medium"/></svg></a>
        <a href="/goto/linkedin" title="Go to LinkedIn profile"><svg class="icon"><use xlink:href="/static/sprite.svg#linkedin"/></svg></a>
      </div>
    </div>
    <div class="footer__below dark-bg">
      <div class="footer__credentials">
        <div class="copyright">&copy; 2017 - 2019 by Löwenware s.r.o.</div>
        <ul class="legal">
          <li class="legal__node legal__first"><a href="/privacy-statement.html">Privacy statement</a></li>
          <li class="legal__node legal__marker"><a href="/terms-of-use.html">Terms of use</a></li>
        </ul>
        <div style="clear:left;"></div>
      </div>
    </div>
  </div>
  <script async type="text/javascript" src="/static/main.js"></script>
</body>
</html>