From bb3eeb122718ab7b8e38fe0f839799efb05c4643 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ilja=20Karta=C5=A1ov?= <elias@lowenware.com>
Date: Wed, 27 Feb 2019 15:23:44 +0100
Subject: [PATCH] Added more content

---
 about/index.html       |  10 +-
 aisl/index.html        |  12 ++-
 blog/index.html        |  87 ++++++++++++++++
 contact/index.html     | 138 ++++++++++++++++++++++++++
 index.html             |   5 +-
 privacy-statement.html | 185 ++++++++++++++++++++++++++++++++++
 static/style.css       | 218 +++++++++++++++++++++++++++++++++++++++--
 7 files changed, 636 insertions(+), 19 deletions(-)
 create mode 100644 blog/index.html
 create mode 100644 contact/index.html
 create mode 100644 privacy-statement.html
diff --git a/about/index.html b/about/index.html
index 4520fdb..1ad474d 100644
--- a/about/index.html
+++ b/about/index.html
@@ -19,6 +19,7 @@
   <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">
@@ -39,12 +40,12 @@
       <li><a href="/aisl/">AISL</a></li>
       <li><a href="/dotrix/">Dotrix</a></li>
       <li><a href="/blog/">Blog</a></li>
-      <li><a href="/contact.html">Contact</a></li>
+      <li><a href="/contact/">Contact</a></li>
     </ul>
   </nav>
 
 
-  <main class="text-content">
+  <main class="content text-content">
     <h1>About Löwenware</h1>
 
     <p>Project Löwenware started its life in year 2014, when its founder Ilja
@@ -90,10 +91,11 @@
 
   </main>
 
+  </div>
   <div class="footer">
     <div class="footer__logo dark-bg">Löwenware</div>
     <div class="footer__above">
-      <div class="newsletter">
+      <!--div class="newsletter">
         <form>
           <label for="newsletter__email">Subscribe to newsletter</label>
           <div class="newsletter__field">
@@ -101,7 +103,7 @@
             <button type="submit" class="submit" name="submit" value="1">Subscribe</button>
           </div>
         </form>
-      </div>
+      </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>
diff --git a/aisl/index.html b/aisl/index.html
index 3753124..abb2304 100644
--- a/aisl/index.html
+++ b/aisl/index.html
@@ -19,6 +19,7 @@
   <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">
@@ -39,12 +40,12 @@
       <li><a href="/aisl/" class="active">AISL</a></li>
       <li><a href="/dotrix/">Dotrix</a></li>
       <li><a href="/blog/">Blog</a></li>
-      <li><a href="/contact.html">Contact</a></li>
+      <li><a href="/contact/">Contact</a></li>
     </ul>
   </nav>
 
 
-  <main class="text-content">
+  <main class="content text-content">
     <h1>AISL Technology</h1>
 
     <ul class="project-menu">
@@ -72,7 +73,11 @@
 
     <h2>License</h2>
     <p>AISL is free for both commercial and non-commercial use, being
-    distributed under terms of <a href="/licenses/L1.html">L1 License</a>.</p>
+    distributed under terms of 
+    <a href="https://creativecommons.org/licenses/by-nd/4.0/" rel="license">CC BY-ND 4.0</a>.</p>
+    <a rel="license" href="http://creativecommons.org/licenses/by-nd/4.0/">
+      <img alt="Creative Commons License" src="https://i.creativecommons.org/l/by-nd/4.0/80x15.png" />
+    </a>
 
     <h2>Installation</h2>
     <p>AISL installation is platform dependent. You have several options here:
@@ -89,6 +94,7 @@
 
   </main>
 
+  </div>
   <div class="footer">
     <div class="footer__logo dark-bg">Löwenware</div>
     <div class="footer__above">
diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..93a819f
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,87 @@
+<!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>Blog - Löwenware</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/">Dotrix</a></li>
+      <li><a href="/blog/" class="active">Blog</a></li>
+      <li><a href="/contact/">Contact</a></li>
+    </ul>
+  </nav>
+
+  <main class="content text-content">
+    <h1>Blog</h1>
+
+    <p>Nothing has been published yet.</p>
+  </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>
diff --git a/contact/index.html b/contact/index.html
new file mode 100644
index 0000000..d98075e
--- /dev/null
+++ b/contact/index.html
@@ -0,0 +1,138 @@
+<!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>Contact us</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/">Dotrix</a></li>
+      <li><a href="/blog/">Blog</a></li>
+      <li><a href="/contact/" class="active">Contact</a></li>
+    </ul>
+  </nav>
+
+
+  <div class="content main-content">
+    <div class="contacts__column">
+      <div class="contacts__content">
+        <h1>Contact us</h1>
+        <p>If you want to get in touch with us, submit a message and we'll reach
+        you shortly.</p>
+        <div class="contacts__office">
+          <h2>Our Studio</h2>
+          <p class="org">Löwenware s.r.o.</p>
+          <p class="h3-like">Address:</p>
+          <p class="adr">
+            <span class="street-address">Tovaryšský vrch 1358/3</span><br/>
+            <span class="postal-code">460 01</span>
+            <span class="locality">Liberec</span><br />
+            <span class="country-name">Czech Republic</span>
+          </p>
+          <p>
+            <span class="h3-like">Phone:</span>
+            <a href="tel:+420 775 422 922" class="contacts__phone tel">+420 775 422 922</a>
+          </p>
+          <p class="org-id"><span class="h3-like">Company ID:</span> <span class="value">06203051</span></p>
+          <p class="org-iban"><span class="h3-like">IBAN:</span> <span class="value">CZ2101000001154725290277</span></p>
+        </div>
+      </div>
+      <div class="contacts__map">
+        <iframe width="100%" height="100%" id="gmap_canvas" src="https://maps.google.com/maps?q=Tovaryšský vrch 1358/3&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
+      </div>
+      <div class="contacts__arrow"></div>
+    </div>
+    <div class="contacts__feedback">
+      <form method="post" action="/">
+      <div class="contacts__message">
+        <label for="feedback__message">Your Message</label>
+        <textarea id="feedback__message" class="float-label"></textarea>
+      </div>
+      <div class="contacts__email">
+        <label for="feedback__email">Your E-Mail</label>
+        <input type="email" id="feedback__email" text="" class="float-label" />
+      </div>
+      <div class="contacts__terms">
+        <input id="feedback__terms" type="checkbox" name="terms_accepted" value="1" />
+        <label for="feedback__terms" class="box-label">I agree with <a
+               href="/privacy-statement.html">Privacy Statement</a> and accept
+             <a href="terms-of-use.html">Terms of Use</a>.</label>
+      </div>
+      <div class="form-row">
+        <button type="submit">Send</button>
+      </div>
+      </form>
+    </div>
+  </div>
+
+
+  </div>
+  </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>
diff --git a/index.html b/index.html
index f9a7ac2..49d7b41 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@
   <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">
@@ -44,7 +45,7 @@
   </nav>
 
 
-  <main class="main-content">
+  <main class="content main-content">
     <div class="anouncement__bg">
       <section id="anouncement" class="anouncement">
         <div class="anouncement__content dark-bg">
@@ -110,7 +111,7 @@
       </div>
     </div>
   </main>
-
+  </div>
   <div class="footer">
     <div class="footer__logo dark-bg">Löwenware</div>
     <div class="footer__above">
diff --git a/privacy-statement.html b/privacy-statement.html
new file mode 100644
index 0000000..c85f521
--- /dev/null
+++ b/privacy-statement.html
@@ -0,0 +1,185 @@
+<!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>Privacy statement</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/">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>Privacy Statement</h1>
+    <p class="last-updated">Effective Date: Februray 25, 2019</p>
+    <p>Löwenware s.r.o. respects your privacy. This Privacy Statement applies
+    to personal data collected by Löwenware through the 
+    <a href="https://lowenware.com/">lowenware.com</a> website and integrated
+    services. As used in this Privacy Statement, "personal data" means any kind
+    of information related to an identifiable natural person (the "data
+    subject"). And identifiable natural person is one who can be identified in
+    particular by reference to an identifier such as a name, as identification
+    number, phone or email.</p>
+
+    <h2>What Personal Data We Collect</h2>
+    <p>Löwenware collects personal data directly from you when you: </p>
+    <ul>
+      <li>Request support</li>
+      <li>Report an issue</li>
+      <li>Subscribe to newsletter</li>
+      <li>Submit questions, comment and messages on our interactive webpages</li>
+    </ul>
+    <p>The types of personal data collected directly from you may include
+    without limitation:</p>
+    <ul>
+      <li>Information for authentication, such as username, email, password</li>
+      <li>Information for communication, such as name, title, email, language</li>
+      <li>Information about your operating system version, browser, 
+        preffered language, IP address provided by your browser to our webserver.</li>
+    </ul>
+
+    <h2>How We Use Your Personal Data</h2>
+    <p>Löwenware uses personal data to</p>
+    <ul>
+      <li>Improve services and your experience on our website.</li>
+      <li>Provide you with actual information about our activity</li>
+      <li>Identify and authenticate you</li>
+      <li>Fullfill your requests</li>
+      <li>Provide support and customer service</li>
+    </ul>
+
+    <h2>When Do We Share Personal Data</h2>
+    <p>Löwenware will never sell, rent or lease your Personal Data to
+    others without your consent.</p>
+    <p>We may share your Personal Data to business partners and service
+    providers in order to fullfill your orders and requests. Those service
+    partners and service providers are required by contract to keep received
+    information confidantial and secure and may include:</p>
+    <ul>
+      <li>Financial service providers</li>
+      <li>Payment processors</li>
+      <li>Billing operators</li>
+    </ul>
+    <p>Löwenware may provide your personal information to police or public
+    authority by lawful and authorized request.</p>
+
+    <h2>How Do We Store and Protect Personal Data</h2>
+    <p>Personal data you provide to Löwenware is being transmitted encrypted
+    using SSL technology and stored on servers located inside European Economic
+    Area.</p>
+    <p>Personal data is being stored using database engine isolated from direct
+    access over Internet.</p>
+    <p>Your data is being protected against accidental loss by regular backup
+    copies.</p>
+    <p>We have also implemented appropriate administrative safeguards to help us
+    protect your personal data from unauthorized access, use and disclosure.</p>
+
+    <h2>Your Rights in Relation to Personal Data</h2>
+    <p>Löwenware respects your right of data subject to access and control your
+    personal data, providing you ways to:</p>
+    <ul>
+      <li>Access your personal data</li>
+      <li>Correct and delete your personal data</li>
+      <li>Withdraw of consent to process personal data</li>
+    </ul>
+
+    <p>If you want to use any of your rights according to your personal data
+    protection, contact us by <a href="/contact/">feedback form</a>.</p>
+
+    <h2>Cookies</h2>
+    <p>A cookie is a small amount of data that is sent to your browser from a
+    web server to be temporary stored on your device.</p>
+    <p>Löwenware may use cookies that are necessary for for secure
+    authentication process on our website.</p>
+    <p>Löwenware is not using cookies for marketing purposes.</p>
+
+    <h2>How to Contact Us</h2>
+    <p>If you have any questions or concerns about your privacy practices,
+    personal data or a wish to complain, you may contact us using
+    <a href="/contact/">feedback form</a> or postal mail at:</p>
+    <p>Löwenware s.r.o. <br/>
+    Tovaryšský vrch 1358/3</br>
+    Liberec, 460 01<br />
+    Czech Republic<br/></p>
+
+    <h2>Changes in Privacy Statement</h2>
+    <p>Löwenware reserves the right to correct, chage or amend to this Privacy
+    Statement at any time. After revised Privacy Statement will be published on
+    this website with actual "Effective Date" at the top of it, an additional 
+    notice on website homepage will be posted for 30 days.</p>
+    <p>We encourage you to periodicaly review this Privacy Statement to learn
+    how Löwenware is processing your infromation.</p>
+  </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>
diff --git a/static/style.css b/static/style.css
index 1681df4..6a3ef3f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -59,9 +59,47 @@ a.invert-decoration:hover {
   text-decoration: underline;
 }
 
-button, input, textarea {
+input, textarea, button {
   font-family: sans-serif;
   font-size: 1em;
+  box-sizing: border-box;
+  border: 2px solid #192734;
+  background-color: #ffffff;
+  color: #192734;
+  transition: color .3s ease-in-out,
+              background-color .3s ease-in-out;
+}
+
+textarea {
+  padding: 1em;
+  line-height: 1.2em;
+}
+
+input[type=text] {
+  line-height: 28px;
+}
+
+button {
+  background-color: #192734;
+  color: #fafaff;
+  height: 32px;
+  font-size: 1em;
+  cursor: pointer;
+  font-family: 'Jura';
+}
+
+button:hover {
+  background-color: #fafaff;
+  color: #192734;
+}
+
+label {
+  display: block;
+}
+
+
+.box-label {
+  display: inline;
 }
 
 h1, .h1-like {
@@ -300,6 +338,21 @@ h3, .h3-like {
 
 /* -------------------------------------------------------------------------- */
 
+.main-wrapper {
+  min-height: 100%;
+  height: auto !important;
+  height: 100%;
+}
+
+.content {
+  padding: 0 0 288px;
+}
+
+.text-wrapper {
+  max-width: 840px;
+  margin: 0 auto;
+}
+
 .text-content h1 {
   padding: 0 0 1em;
 }
@@ -313,6 +366,21 @@ h3, .h3-like {
   text-align: justify;
 }
 
+.text-content ul {
+  padding: 0 0 1em;
+  margin-left: 2em;
+  list-style-type: disc;
+}
+
+.text-content li {
+  padding: 0 0 0.5em;
+  display: list-item;
+}
+
+.last-updated {
+  font-style: italic;
+}
+
 /* -------------------------------------------------------------------------- */
 
 .main-content {
@@ -433,7 +501,8 @@ h3, .h3-like {
   color: #fafaff;
 }
 
-.proprietary__arrow {
+.proprietary__arrow
+{
   width: 0; 
   height: 0; 
   border-left: 20px solid transparent;
@@ -476,6 +545,8 @@ h3, .h3-like {
   background-color: #001121;
   z-index: 0;
   clear: left;
+  margin-top: -288px;
+  position:relative;
 }
 
 .footer__above {
@@ -520,7 +591,6 @@ h3, .h3-like {
 
   .newsletter__field input {
     height: 28px;
-    border: 2px solid #192734;
     padding: 0;
     line-height: 28px;
     width:190px;
@@ -532,10 +602,7 @@ h3, .h3-like {
   }
 
   .newsletter__field button {
-    height: 32px;
-    border-top: 2px solid #192734;
-    border-right: 2px solid #192734;
-    border-bottom: 2px solid #192734;
+    height: 28px;
     border-left: 0;
     font-size: 0.9em;
     color: #fafaff;
@@ -607,6 +674,124 @@ h3, .h3-like {
 
 /* -------------------------------------------------------------------------- */
 
+.contacts__column {
+  position: relative;
+  background-color: #192734;
+  color: #fafaff;
+}
+
+.contacts__content {
+  padding:  50px 50px 290px;
+}
+
+.contacts__content p {
+  padding: 0 0 1em;
+}
+
+.contacts__office p {
+  padding: 0 0 0.5em;
+}
+
+.contacts__content h1 {
+  padding-bottom: 50px;
+}
+
+.contacts__content .h3-like {
+  font-size: 1.2em;
+  text-transform: uppercase;
+  font-weight: normal;
+}
+
+.contacts__arrow
+{
+  width: 0; 
+  height: 0; 
+  border-top: 20px solid #192734;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+}
+
+.contacts__map {
+  position: absolute;
+  bottom: 0;
+  left: 0px;
+  right: 0px;
+  height: 240px;
+  z-index: 1000;
+}
+
+.contacts__phone {
+  color: #fafaff;
+  text-decoration: none;
+}
+
+.contacts__phone:hover {
+  color: #0084ff;
+}
+
+.contacts__phone::after {
+  border-top: 1px dotted #fafaff;
+  display: block;
+}
+
+.contacts__office h2 {
+  padding: 1em 0 0.5em;
+}
+
+.contacts__arrow {
+  position: absolute;
+  left: 50%;
+  bottom: 220px;
+  margin-left: -20px;
+  z-index: 1001;
+}
+
+.contacts__feedback {
+  padding: 50px 0;
+}
+
+.contacts__feedback label
+{
+  font-size: 1.2em;
+  line-height: 1.8em;
+  font-family: 'Jura';
+  text-transform: uppercase;
+}
+
+.contacts__feedback .box-label {
+  font-size: 1em;
+  text-transform: none;
+}
+
+.contacts__email,
+.contacts__terms,
+.contacts__message {
+  width: 80%;
+  margin: 0 auto;
+}
+
+.contacts__terms {
+  padding: 1em 0;
+}
+
+.contacts__feedback textarea {
+  width: 100%;
+  height: 200px;
+}
+
+.contacts__feedback input[type=email] {
+  width: 100%;
+  height: 28px;
+  padding: 0 6px;
+}
+
+.contacts__feedback button {
+  width: 90px;
+  margin: 32px auto;
+  display: block;
+}
+/* -------------------------------------------------------------------------- */
+
 @media screen and (min-width: 500px) {
   .anouncement {
     padding: 10vh 0;
@@ -630,6 +815,8 @@ h3, .h3-like {
 
 @media screen and (min-width: 640px) {
 
+
+
   .anouncement__overlay {
     border-bottom:0;
   }
@@ -682,6 +869,16 @@ h3, .h3-like {
     margin-top: 76px;
   }
 
+  .contacts__column {
+    float: left;
+    width: 50%;
+  }
+
+  .contacts__feedback {
+    float: left;
+    width: 50%;
+    padding: 100px 0;
+  }
 }
 
 @media screen and (min-width: 980px) {
@@ -764,13 +961,13 @@ h3, .h3-like {
   }
 
   .footer {
-    height: 300px;
+    height: 288px;
     position: relative;
     z-index: 0;
   }
 
   .footer__above {
-    margin-left: 140px;
+    margin-left: 144px;
     height: 160px;
     position: relative;
   }
@@ -803,6 +1000,8 @@ h3, .h3-like {
   .legal {
     float: left;
   }
+
+
 }
 
 @media screen and (min-width: 1280px) {
@@ -859,7 +1058,6 @@ h3, .h3-like {
 .text-content {
   max-width: 840px;
   margin: 0 auto;
-  padding: 0 0 1em;
 }
 
 /* -------------------------------------------------------------------------- */
