Added more content

This commit is contained in:
Ilja Kartašov 2019-02-27 15:23:44 +01:00
parent 8d7ea43991
commit bb3eeb1227
7 changed files with 636 additions and 19 deletions

View File

@ -19,6 +19,7 @@
<script type="text/javascript">document.documentElement.className='';</script> <script type="text/javascript">document.documentElement.className='';</script>
</head> </head>
<body> <body>
<div class="main-wrapper">
<div class="overlay"> <div class="overlay">
<svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg> <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
<a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu"> <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="/aisl/">AISL</a></li>
<li><a href="/dotrix/">Dotrix</a></li> <li><a href="/dotrix/">Dotrix</a></li>
<li><a href="/blog/">Blog</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> </ul>
</nav> </nav>
<main class="text-content"> <main class="content text-content">
<h1>About Löwenware</h1> <h1>About Löwenware</h1>
<p>Project Löwenware started its life in year 2014, when its founder Ilja <p>Project Löwenware started its life in year 2014, when its founder Ilja
@ -90,10 +91,11 @@
</main> </main>
</div>
<div class="footer"> <div class="footer">
<div class="footer__logo dark-bg">Löwenware</div> <div class="footer__logo dark-bg">Löwenware</div>
<div class="footer__above"> <div class="footer__above">
<div class="newsletter"> <!--div class="newsletter">
<form> <form>
<label for="newsletter__email">Subscribe to newsletter</label> <label for="newsletter__email">Subscribe to newsletter</label>
<div class="newsletter__field"> <div class="newsletter__field">
@ -101,7 +103,7 @@
<button type="submit" class="submit" name="submit" value="1">Subscribe</button> <button type="submit" class="submit" name="submit" value="1">Subscribe</button>
</div> </div>
</form> </form>
</div> </div-->
<div class="footer__social"> <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/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/gitter" title="Go to Gitter chat"><svg class="icon"><use xlink:href="/static/sprite.svg#gitter"/></svg></a>

View File

@ -19,6 +19,7 @@
<script type="text/javascript">document.documentElement.className='';</script> <script type="text/javascript">document.documentElement.className='';</script>
</head> </head>
<body> <body>
<div class="main-wrapper">
<div class="overlay"> <div class="overlay">
<svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg> <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
<a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu"> <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="/aisl/" class="active">AISL</a></li>
<li><a href="/dotrix/">Dotrix</a></li> <li><a href="/dotrix/">Dotrix</a></li>
<li><a href="/blog/">Blog</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> </ul>
</nav> </nav>
<main class="text-content"> <main class="content text-content">
<h1>AISL Technology</h1> <h1>AISL Technology</h1>
<ul class="project-menu"> <ul class="project-menu">
@ -72,7 +73,11 @@
<h2>License</h2> <h2>License</h2>
<p>AISL is free for both commercial and non-commercial use, being <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> <h2>Installation</h2>
<p>AISL installation is platform dependent. You have several options here: <p>AISL installation is platform dependent. You have several options here:
@ -89,6 +94,7 @@
</main> </main>
</div>
<div class="footer"> <div class="footer">
<div class="footer__logo dark-bg">Löwenware</div> <div class="footer__logo dark-bg">Löwenware</div>
<div class="footer__above"> <div class="footer__above">

87
blog/index.html Normal file
View File

@ -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>

138
contact/index.html Normal file
View File

@ -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>

View File

@ -19,6 +19,7 @@
<script type="text/javascript">document.documentElement.className='';</script> <script type="text/javascript">document.documentElement.className='';</script>
</head> </head>
<body> <body>
<div class="main-wrapper">
<div class="overlay"> <div class="overlay">
<svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg> <svg class="logo"><use xlink:href="/static/sprite.svg#logo"/></svg>
<a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu"> <a href="javascript:;" id="menu__switch" class="menu__switch" title="Switch menu">
@ -44,7 +45,7 @@
</nav> </nav>
<main class="main-content"> <main class="content main-content">
<div class="anouncement__bg"> <div class="anouncement__bg">
<section id="anouncement" class="anouncement"> <section id="anouncement" class="anouncement">
<div class="anouncement__content dark-bg"> <div class="anouncement__content dark-bg">
@ -110,7 +111,7 @@
</div> </div>
</div> </div>
</main> </main>
</div>
<div class="footer"> <div class="footer">
<div class="footer__logo dark-bg">Löwenware</div> <div class="footer__logo dark-bg">Löwenware</div>
<div class="footer__above"> <div class="footer__above">

185
privacy-statement.html Normal file
View File

@ -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>

View File

@ -59,9 +59,47 @@ a.invert-decoration:hover {
text-decoration: underline; text-decoration: underline;
} }
button, input, textarea { input, textarea, button {
font-family: sans-serif; font-family: sans-serif;
font-size: 1em; 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 { 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 { .text-content h1 {
padding: 0 0 1em; padding: 0 0 1em;
} }
@ -313,6 +366,21 @@ h3, .h3-like {
text-align: justify; 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 { .main-content {
@ -433,7 +501,8 @@ h3, .h3-like {
color: #fafaff; color: #fafaff;
} }
.proprietary__arrow { .proprietary__arrow
{
width: 0; width: 0;
height: 0; height: 0;
border-left: 20px solid transparent; border-left: 20px solid transparent;
@ -476,6 +545,8 @@ h3, .h3-like {
background-color: #001121; background-color: #001121;
z-index: 0; z-index: 0;
clear: left; clear: left;
margin-top: -288px;
position:relative;
} }
.footer__above { .footer__above {
@ -520,7 +591,6 @@ h3, .h3-like {
.newsletter__field input { .newsletter__field input {
height: 28px; height: 28px;
border: 2px solid #192734;
padding: 0; padding: 0;
line-height: 28px; line-height: 28px;
width:190px; width:190px;
@ -532,10 +602,7 @@ h3, .h3-like {
} }
.newsletter__field button { .newsletter__field button {
height: 32px; height: 28px;
border-top: 2px solid #192734;
border-right: 2px solid #192734;
border-bottom: 2px solid #192734;
border-left: 0; border-left: 0;
font-size: 0.9em; font-size: 0.9em;
color: #fafaff; 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) { @media screen and (min-width: 500px) {
.anouncement { .anouncement {
padding: 10vh 0; padding: 10vh 0;
@ -630,6 +815,8 @@ h3, .h3-like {
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
.anouncement__overlay { .anouncement__overlay {
border-bottom:0; border-bottom:0;
} }
@ -682,6 +869,16 @@ h3, .h3-like {
margin-top: 76px; margin-top: 76px;
} }
.contacts__column {
float: left;
width: 50%;
}
.contacts__feedback {
float: left;
width: 50%;
padding: 100px 0;
}
} }
@media screen and (min-width: 980px) { @media screen and (min-width: 980px) {
@ -764,13 +961,13 @@ h3, .h3-like {
} }
.footer { .footer {
height: 300px; height: 288px;
position: relative; position: relative;
z-index: 0; z-index: 0;
} }
.footer__above { .footer__above {
margin-left: 140px; margin-left: 144px;
height: 160px; height: 160px;
position: relative; position: relative;
} }
@ -803,6 +1000,8 @@ h3, .h3-like {
.legal { .legal {
float: left; float: left;
} }
} }
@media screen and (min-width: 1280px) { @media screen and (min-width: 1280px) {
@ -859,7 +1058,6 @@ h3, .h3-like {
.text-content { .text-content {
max-width: 840px; max-width: 840px;
margin: 0 auto; margin: 0 auto;
padding: 0 0 1em;
} }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */