Úprava souboru index.html

start/contact.html

@@ -18,14 +18,14 @@
             <!-- Navigation-->
             <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                 <div class="container px-5">
-                    <a class="navbar-brand" href="index.html">Start Bootstrap</a>
+                    <a class="navbar-brand" href="index.html">AREA &mdash; 51 &middot; CZ</a>
                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
                         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                            <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
-                            <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
-                            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
-                            <li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+                            <li class="nav-item"><a class="nav-link" href="index.html">Start</a></li>
+                            <li class="nav-item"><a class="nav-link" href="about.html">Technologie</a></li>
+                            <li class="nav-item"><a class="nav-link active" href="contact.html">Dotazy</a></li>
+                            <li class="nav-item"><a class="nav-link" href="pricing.html">Servery</a></li>
                             <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
                             <li class="nav-item dropdown">
                                 <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>

start/tld/cz/projekt/adamita/assets/fa-apple.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.437" height="23.19" viewBox="0 0 19.437 23.19">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #c5c5c5;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="fa-apple" class="cls-1" d="M989.8,4401.77a4.241,4.241,0,0,1-2.2-1.75,5.335,5.335,0,0,1-.962-3.11,4.954,4.954,0,0,1,.906-2.89,9.088,9.088,0,0,1,1.59-1.65,7.082,7.082,0,0,0-1.45-1.39,5.093,5.093,0,0,0-2.971-.91,7.818,7.818,0,0,0-2.413.48,6.963,6.963,0,0,1-1.994.47,8.847,8.847,0,0,1-1.925-.42,9.158,9.158,0,0,0-2.468-.42,4.814,4.814,0,0,0-3.961,2.01,8.26,8.26,0,0,0-1.576,5.22,14.23,14.23,0,0,0,2.05,7.01c1.381,2.4,2.762,3.62,4.2,3.62a5.127,5.127,0,0,0,1.841-.48,5.346,5.346,0,0,1,1.98-.46,6.142,6.142,0,0,1,2.106.45,6.456,6.456,0,0,0,1.953.44c1.185,0,2.385-.9,3.584-2.73A13.862,13.862,0,0,0,989.8,4401.77Zm-5.244-16.36c0-.09-0.014-0.18-0.014-0.28-0.014-.08-0.042-0.18-0.07-0.3a5.562,5.562,0,0,0-3.487,2.06,6.409,6.409,0,0,0-1.088,3.59,7.469,7.469,0,0,0,1.451-.24,3.992,3.992,0,0,0,1.506-1,5.756,5.756,0,0,0,1.3-1.93A5.305,5.305,0,0,0,984.559,4385.41Z" transform="translate(-970.375 -4384.84)"/>
+</svg>

start/tld/cz/projekt/adamita/assets/fa-windows.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23.21" height="23.19" viewBox="0 0 23.21 23.19">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #c5c5c5;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="fa-windows" class="cls-1" d="M1015.89,4398.86h-9.51v7.77l9.51,1.31v-9.08Zm0-10.36-9.51,1.31v7.88h9.51v-9.19Zm13.69,10.36h-12.65v9.22l12.65,1.74v-10.96Zm0-12.25-12.65,1.75v9.33h12.65v-11.08Z" transform="translate(-1006.38 -4386.62)"/>
+</svg>

start/tld/cz/projekt/adamita/assets/logo.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.179 41" height="41px" width="92px" id="svg2" version="1.1">
+  <g transform="matrix(0.242343, 0, 0, -0.242343, 2.087612, 39.373928)" id="g10">
+    <g transform="scale(0.1)" id="g12">
+      <path id="path14" style="fill:#d71433;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 650.391,936.988 c -4.34,-17.34 -8.629,-26.988 -12.969,-28.976 -4.692,-2.032 -8.16,1.328 -10.512,10 -2.34,8.629 -2.34,20.308 0,35 2,15 7.5,30.66 16.488,46.988 9.024,16.33 22.653,31.33 41.012,45 18.32,13.67 42.5,23.48 72.5,29.49 -0.351,0 -4.84,-2.34 -13.512,-6.99 -8.32,-5 -18.668,-12.85 -30.976,-23.52 -12.344,-10.66 -24.184,-24.84 -35.512,-42.5 -11.32,-17.652 -20.148,-39.14 -26.519,-64.492 M 1067.42,768.98 c 24.34,24.032 54.34,48.008 90,72 35.98,23.668 77.81,44.18 125.47,61.52 3.67,32.66 4.18,61.641 1.52,86.988 -2.65,25.352 -7.65,44.652 -15,58.012 -13.67,23.98 -29.49,42.15 -47.5,54.49 -18,11.99 -36.83,19.65 -56.52,23.01 -19.34,3.67 -38.16,4.34 -56.48,1.99 -18.01,-2.34 -34.18,-5.82 -48.52,-10.51 -45.66,-13.98 -86.992,-19.49 -123.98,-16.48 -24.34,1.99 -47.148,6.48 -68.519,13.48 -21.332,6.68 -42.153,13.67 -62.5,21.01 -20.313,7.35 -40.981,12.5 -61.993,15.51 -36.636,4.34 -68.32,0.16 -95,-12.5 -26.988,-12.66 -48.988,-32.66 -65.976,-60 -17.031,-26.99 -29.024,-60.16 -36.012,-99.488 -3.68,-18.364 -6.332,-40.864 -8.012,-67.5 C 536.41,883.48 537.07,853.32 540.391,820 543.398,786.988 550.59,751.48 561.91,713.48 638.238,701.84 706.762,683.012 767.422,656.988 827.73,630.66 881.559,599.34 928.91,563.012 c 6.988,20 16.828,41.476 29.488,64.488 13.012,23.012 28.512,46.641 46.522,70.98 18.32,24.02 39.14,47.5 62.5,70.5"/>
+      <path id="path16" style="fill:#8cc53d;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 983.398,518.012 c 33.012,17.297 70.002,30.968 111.012,40.968 40.98,10.36 84.14,17.5 129.5,21.532 45.35,3.976 90.82,5.308 136.48,3.976 45.66,-1.328 89.69,-5 132.03,-11.008 l -70.51,135 c -65.66,3.36 -124.84,-0.82 -177.5,-12.5 -52.34,-11.64 -100,-32 -143,-60.98 -42.66,-29.34 -82,-68.359 -118.012,-116.988 m -320,906.988 c 75,-0.66 137.34,-23.16 186.993,-67.5 49.687,-44.02 84.339,-108.01 104.019,-191.99 -75.66,7.3 -138,32.3 -186.988,75 -49.332,42.3 -84.024,103.83 -104.024,184.49"/>
+      <path id="path18" style="fill:#47a83f;fill-opacity:1;fill-rule:evenodd;stroke:none" d="M 933.398,516.988 C 869.41,530.98 805.898,540.82 742.891,546.48 679.57,551.84 619.922,553.672 563.91,551.988 507.578,550 457.891,545.309 414.922,538.012 V 683.98 c 55.668,3.68 108.629,1.18 158.988,-7.5 50.66,-8.32 98.16,-20.82 142.5,-37.5 44.328,-16.64 84.84,-35.66 121.481,-56.992 36.371,-21.328 68.16,-43.008 95.507,-65 m 18.512,0.512 c 4.34,20.66 13.828,45.309 28.481,73.98 15,28.68 34.689,58.68 59.019,90 24.34,31.329 53.01,61.02 85.98,89.032 33.01,28.316 70.2,52.5 111.52,72.5 40.98,20 85.82,33.16 134.5,39.488 l 89.49,-131.988 c -50.67,3.629 -98.83,2.968 -144.49,-2.032 -45.36,-4.652 -88.83,-15.32 -130.51,-32 -41.64,-16.64 -81.84,-41.171 -120.51,-73.468 C 1026.76,610.66 988.91,568.828 951.91,517.5 M 1270.9,1550 c 2.34,-41.33 -1.33,-81.84 -10.98,-121.52 -9.69,-39.65 -25.35,-76.84 -47.03,-111.49 -21.64,-34.33 -49.34,-64.33 -82.97,-90 -33.67,-25.66 -73.51,-45.35 -119.53,-58.98 -2.3,43.32 2.5,85.31 14.53,125.97 11.64,40.36 29.14,77.86 52.5,112.5 23.32,34.34 51.49,64.03 84.49,89.03 32.66,24.65 68.99,42.81 108.99,54.49"/>
+      <path id="path20" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 121.48,154.488 h 97.661 l -35.942,80 c -1.988,5.082 -4.14,10.942 -6.398,17.5 -2.192,6.641 -4.461,14.063 -6.723,22.192 -1.879,-7.621 -3.906,-14.77 -6.098,-21.41 -2.101,-6.559 -4.289,-12.649 -6.558,-18.282 z M 278.98,16.9883 239.301,107.148 H 100.551 L 59.7695,16.9883 H 0.078125 L 169.609,381.211 338.98,16.9883 Z M 530.59,131.051 c 0,23.519 -5.469,41.801 -16.41,54.847 -10.86,13.122 -26.09,19.692 -45.782,19.692 -19.609,0 -35,-6.801 -46.25,-20.32 -11.25,-13.43 -16.878,-32.149 -16.878,-56.09 0,-24.059 5.39,-42.6605 16.25,-55.7816 10.82,-13.0468 26.14,-19.5273 45.941,-19.5273 18.828,0 34.059,7.0273 45.629,21.0898 11.64,14.1407 17.5,32.8481 17.5,56.0901 z m -1.41,256.719 h 52.031 V 16.9883 H 529.18 V 46.3711 C 519.879,33.3203 509.059,23.5898 496.68,17.1484 484.379,10.8203 470.27,7.62109 454.34,7.62109 c -32.11,0 -57.352,10.92971 -75.789,32.80861 -18.352,21.9492 -27.5,52.0312 -27.5,90.1603 0,36.25 9.379,65.461 28.129,87.648 18.832,22.274 43.441,33.442 73.75,33.442 18.441,0 34.218,-3.871 47.34,-11.559 13.21,-7.742 22.851,-18.871 28.91,-33.441 z"/>
+      <path id="path22" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 866.41,16.9883 h -52.031 v 29.3828 c -9.301,-13.0508 -20.117,-22.7813 -32.5,-29.2227 -12.309,-6.3281 -26.41,-9.52731 -42.348,-9.52731 -32.109,0 -57.34,10.92971 -75.781,32.80861 -18.359,21.9492 -27.5,52.0312 -27.5,90.1603 0,36.25 9.371,65.461 28.129,87.648 18.82,22.274 43.43,33.442 73.742,33.442 18.438,0 34.219,-3.871 47.348,-11.559 13.203,-7.742 22.851,-18.871 28.91,-33.441 v 37.191 H 866.41 Z M 815.781,131.051 c 0,23.519 -5.472,41.801 -16.402,54.847 -10.859,13.122 -26.098,19.692 -45.789,19.692 -19.61,0 -35,-6.801 -46.25,-20.32 -11.25,-13.43 -16.871,-32.149 -16.871,-56.09 0,-24.059 5.39,-42.6605 16.25,-55.7816 10.82,-13.0468 26.133,-19.5273 45.941,-19.5273 18.629,0 33.789,7.0703 45.461,21.25 11.758,14.1406 17.66,32.8089 17.66,55.9299 z"/>
+      <path id="path24" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 990.039,16.9883 H 938.16 V 243.871 h 48.75 V 206.68 c 10.391,15.82 22.19,27.34 35.32,34.531 13.12,7.269 28.63,10.937 46.56,10.937 17.69,0 32.34,-3.707 43.91,-11.097 11.64,-7.422 20.5,-18.711 26.56,-33.903 11.95,15.622 24.69,27.032 38.12,34.223 13.52,7.18 28.91,10.777 46.1,10.777 15,0 28.04,-2.769 39.22,-8.277 11.25,-5.43 20,-13.402 26.25,-23.91 2.81,-5 4.88,-10.941 6.25,-17.813 1.32,-6.878 2.03,-16.679 2.03,-29.378 V 16.9883 h -51.88 V 133.551 c 0,30.398 -3.24,50.398 -9.69,60 -6.48,9.687 -17.96,14.539 -34.53,14.539 -20.43,0 -35,-6.531 -43.75,-19.539 -8.67,-12.93 -12.97,-35.621 -12.97,-68.121 V 16.9883 h -52.5 V 133.551 c 0,28.008 -3.39,47.429 -10.15,58.289 -6.8,10.82 -18.44,16.25 -35,16.25 -10.24,0 -19.53,-2.309 -27.97,-6.879 -8.44,-4.609 -15.16,-10.941 -20.161,-19.063 -3.238,-5.308 -5.469,-11.839 -6.719,-19.527 -1.25,-7.621 -1.871,-21.68 -1.871,-42.191 z"/>
+      <path id="path26" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1362.38,341.84 c 0,8.82 3.21,16.441 9.69,22.808 6.45,6.332 14.1,9.532 22.97,9.532 9.26,0 16.95,-3.09 23.12,-9.219 6.14,-6.172 9.22,-13.871 9.22,-23.121 0,-9.18 -3.12,-16.961 -9.37,-23.289 -6.17,-6.25 -13.83,-9.371 -22.97,-9.371 -8.87,0 -16.52,3.199 -22.97,9.691 -6.48,6.438 -9.69,14.098 -9.69,22.969 z m 6.88,-97.969 h 51.8672 V 16.988 H 1369.26 Z"/>
+      <path id="path28" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 1507.34,16.9883 V 198.398 h -39.68 v 45.473 h 39.68 v 85.777 h 51.88 v -85.777 h 39.69 v -45.473 h -39.69 V 16.9883 Z"/>
+      <path id="path30" style="fill:#58595b;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1856.95,16.9883 h -52.03 v 29.3828 c -9.3,-13.0508 -20.12,-22.7813 -32.5,-29.2227 -12.3,-6.3281 -26.4,-9.52731 -42.34,-9.52731 -32.11,0 -57.35,10.92971 -75.78,32.80861 -18.36,21.9492 -27.5,52.0312 -27.5,90.1603 0,36.25 9.37,65.461 28.12,87.648 18.83,22.274 43.44,33.442 73.75,33.442 18.44,0 34.22,-3.871 47.35,-11.559 13.2,-7.742 22.85,-18.871 28.9,-33.441 v 37.191 h 52.03 z m -50.62,114.0627 c 0,23.519 -5.47,41.801 -16.41,54.847 -10.86,13.122 -26.09,19.692 -45.78,19.692 -19.61,0 -35,-6.801 -46.25,-20.32 -11.25,-13.43 -16.87,-32.149 -16.87,-56.09 0,-24.059 5.39,-42.6605 16.25,-55.7816 10.82,-13.0468 26.13,-19.5273 45.93,-19.5273 18.64,0 33.79,7.0703 45.47,21.25 11.76,14.1406 17.66,32.8089 17.66,55.9299 z"/>
+    </g>
+  </g>
+</svg>

start/tld/cz/projekt/adamita/assets/logoDef.svg

@@ -0,0 +1,22 @@
+<svg id="Logo" xmlns="http://www.w3.org/2000/svg" width="92" height="41" viewBox="0 0 92 41">
+  <defs>
+    <style>
+      .cls-1 {
+        font-size: 24px;
+        font-family: Merriweather;
+        font-weight: 800;
+        font-style: italic;
+      }
+
+      .cls-1, .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <text id="take" class="cls-1" transform="translate(50.089 26.552) scale(0.873 0.867)">take</text>
+  <path class="cls-2" d="M336.5,56A20.5,20.5,0,1,0,357,76.5,20.524,20.524,0,0,0,336.5,56Zm0,37.835A17.334,17.334,0,1,1,353.834,76.5,17.353,17.353,0,0,1,336.5,93.834Zm0-25.223a7.889,7.889,0,1,0,7.889,7.889A7.9,7.9,0,0,0,336.5,68.611Zm0,12.612a4.722,4.722,0,1,1,4.722-4.722A4.728,4.728,0,0,1,336.5,81.222Z" transform="translate(-316 -56)"/>
+</svg>

start/tld/cz/projekt/adamita/assets/tick.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 18">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M1462.22,4800l-16.7,16.46-5.74-5.66-0.78.77,6.52,6.43,17.48-17.23Z" transform="translate(-1439 -4800)"/>
+</svg>

start/tld/cz/projekt/adamita/css/styles.css

@@ -0,0 +1,285 @@
+/*///////////////////////////////*//*Global Styles*/
+body {
+    margin: 0px;
+    padding: 0px;
+    font-family: 'Open Sans', sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.container-full {
+    /*width: 100%;*/
+    max-width: none;
+}
+
+
+/*///////////////////////////////*//*Row Styles*/
+.row-masthead {
+    /*background: url("../assets/masthead.jpg");*/
+    /*background-size: cover;*/
+    height: 900px;
+    margin-bottom: 100px;
+}
+.row-masthead .verticle-text {
+    color: #ffffff;
+    width: 300px;
+    position: relative;
+    left: -300px;
+    top: 280px;
+}
+.row-full-image {
+    /*background: url("../assets/fullimage.jpg");*/
+    /*background-size: cover;*/
+    background-position: center center;
+    height: 700px;
+}
+.row-spacer {
+    height: 120px;
+}
+.row-green {
+    background: #82ca9c;
+    padding: 60px 0px 80px 0px;
+}
+.row-buying {
+    background: #f6f7fa;
+    padding: 60px 0px 60px 0px;
+}
+.row-buying .active {
+    background: #fff;
+    padding: 60px;
+    -moz-box-shadow: 0px 0px 20px #e9eaed;
+    -webkit-box-shadow: 0px 0px 20px #e9eaed;
+    box-shadow: 0px 0px 20px #e9eaed;
+}
+.row-buying .inactive {
+    padding: 60px;
+}
+.row-footer {
+    padding: 100px 0px 90px 0px;
+    background: #192430;
+    color: #fff;
+}
+.row-grid {
+    padding: 100px 0px 100px 0px;
+    overflow: hidden;
+    width: 100%;
+    /*overflow-x: scroll;*/
+}
+.row-grid .grid {
+    min-height: 260px;
+}
+.row-grid .grid.col-md-4 {
+    max-width: 380px;
+}
+.row-grid .grid.col-md-8 {
+    max-width: 760px;
+}
+
+/*///////////////////////////////*//*Styling Elements*/
+.logo {
+    margin-top: 50px;
+    padding: 0px;
+}
+.masthead-text {
+    padding-top: 250px;
+}
+.masthead-text a {
+    font-weight: bold;
+    color: #fff;
+    font-size: 13px;
+}
+.iPhone {
+    height: auto;
+    position: relative;
+    right: 70px;
+    top: 110px;
+}
+.white {
+    color: #fff;
+}
+
+
+
+/*///////////////////////////////*//*Font Styles*/
+h1 {
+    font-size: 60px;
+    color: #fff;
+    margin-bottom: 20px;
+    font-weight: 300;
+}
+h2 {
+    font-size: 35px;
+    color: #222626;
+    margin-bottom: 30px;
+    font-weight: 300;
+}
+h3 {
+    font-size: 13px;
+    color: #67676d;
+    margin-bottom: 20px;
+    font-weight: bold;
+}
+h4 {
+    font-size: 14px;
+    color: #b8b8b8;
+    margin-bottom: 30px;
+    line-height: 20px;
+}
+
+p {
+    font-size: 14px;
+    color: #959595;
+    line-height: 24px;
+    font-weight: 400;
+}
+
+div.verticle-text {
+    color: #b8b8b8;
+    font-weight: 600;
+    font-size: 12px;
+    transform: rotate(-90deg);
+    -ms-transform: rotate(-90deg);
+    -webkit-transform: rotate(-90deg);
+    position: relative;
+    left: -200px;
+    width: 100px;
+    top: 55px;
+    text-transform: uppercase;
+}
+.row-green h2,
+.row-green h3,
+.row-green p,
+.row-green .verticle-text,
+p.sub-text {
+    color: #fff;
+}
+.row-buying h2 {
+    font-size: 30px;
+    margin-bottom: 15px;
+    margin-top: 10px;
+}
+.row-buying p {
+    width: 300px;
+}
+span.badge {
+    padding: 1px 7px 1px 7px;
+    color: #fff;
+    background: #ccc;
+    margin-bottom: 15px;
+    text-transform: uppercase;
+    font-size: 11px;
+    font-weight: bold;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+}
+span.purple {
+    background: #bd8cbf;
+}
+.icon {
+    margin-right: 10px;
+}
+.btn-green {
+    padding: 10px 20px 10px 20px;
+    background: #82ca9c;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 13px;
+    font-weight: 700;
+    margin-right: 20px;
+}
+.btn-green:hover {
+    color: #fff;
+    text-decoration: none;
+    background: #72bd8d;
+}
+.row-footer p,
+.row-footer h3,
+.grid a {
+    color: #fff;
+}
+.row-footer ul {
+    margin: 0px;
+    padding: 0px;
+}
+.row-footer li {
+    list-style: none;
+    padding: 0px;
+    font-size: 12px;
+    margin-bottom: 5px;
+}
+.grid {
+    padding:40px;
+}
+.grid h2 {
+    font-size: 30px;
+    color: #fff;
+    margin-bottom: 5px;
+}
+.grid p {
+    font-size: 12px;
+    color: #fff;
+}
+.pink {
+    background: #F3989E;
+}
+.light-purple {
+    background: #BC8DBE;
+}
+.purple {
+    background: #61607C;
+}
+.green {
+    background: #82ca9c;
+}
+.image01 {
+    background: url("../assets/image01.jpg");
+    background-position: center center;
+    background-size: cover;
+    opacity: 0.7;
+    height: 254px;
+    background-color: #091e28;
+}
+.image02 {
+    background: url("../assets/image02.jpg");
+    background-position: center center;
+    background-size: cover;
+    opacity: 0.7;
+    height: 254px;
+    background-color: #091e28;
+}
+input.email {
+    background: #fff;
+    outline: none;
+    padding: 20px 10px 20px 20px;
+    width: 85%;
+    color: #cccccc;
+    font-size: 12px;
+    border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border: none;
+    float: left;
+}
+.label-text {
+    font-size: 11px;
+    color: #57697f;
+    width: 70%;
+    margin-top: 20px;
+}
+.submit {
+    background: #82ca9c;
+    width: 70px;
+    outline: none;
+    border: none;
+    float: left;
+    height: 58px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    margin-left: -30px;
+}
+.submit:hover {
+    background: #72bd8d;
+}

start/tld/cz/projekt/adamita/index.html

@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/html">
+    <head>
+        <meta charset="UTF-8">
+        <title>Take Mobile App</title>
+        <link rel="stylesheet" href="css/bootstrap.css" >
+        <link rel="stylesheet" href="css/styles.css" >
+        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700' rel='stylesheet' type='text/css'>
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    </head>
+<body>
+
+    <!--Masthead-->
+    <div class="row-masthead" class="parallax-window" data-parallax="scroll" data-image-src="assets/masthead.jpg">
+        <div class="container">
+            <div class="row">
+              <div class="col-md-2">
+                  <img src="assets/logo.svg" class="logo"/>
+              </div>
+              <div class="col-md-8"></div>
+            </div>
+            <div class="row">
+                <div class="col-md-8 col-sm-12 col-lg-6 masthead-text">
+                    <h1><b>Adamita</b> &middot; CZ</h1>
+                    <h1><small><small><small><small>Jsem <b>Ašským Nudistou</b> Online</small></small></small></small></h1>
+                    <p class="sub-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
+                    <a href="#">Read More →</a>
+                </div>
+                <div class="col-md-4 hidden-sm-down">
+                    <img src="assets/iPhone.png" class="iPhone"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Two Col-->
+    <div class="container">
+    <div class="row">
+        <!--Left Col-->
+        <div class="col-md-6">
+          <h2>Nudista &middot; Online</h2>
+            <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut</h4>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem.</p>
+        </div>
+        <!--Right Col-->
+        <div class="col-md-6">
+            <h2>Adamita &middot; CZ</h2>
+            <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt utadipisicing elit</h4>
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </div>
+    </div>
+    </div>
+
+    <!--Grid Row-->
+    <div class="row-grid hidden-md-down">
+        <div class="container container-full">
+            <div class="row">
+                <div class="grid col-md-4 pink">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+                <div class="grid col-md-4 purple">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+                <div class="grid col-md-4 image01">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+                <div class="grid col-md-4 light-purple">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="grid col-md-8 image02">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+                <div class="grid col-md-4 green">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+                <div class="grid col-md-4 image01">
+                    <h2>Design Quality</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
+                    <br/>
+                    <a href="#">Find Out More →</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Four Col-->
+    <div class="container">
+        <div class="row">
+            <div class="verticle-text">nahej.cz</div>
+            <div class="col-md-12">
+                <h2>Film 'NAHEJ'</h2>
+            </div>
+            <div class="col-md-6 col-sm-6 col-lg-3">
+                <h3>Web based</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+            </div>
+            <div class="col-md-6 col-sm-6 col-lg-3">
+                <h3>Performance</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+            </div>
+            <div class="col-md-6 col-sm-6 col-lg-3">
+                <h3>Community</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+            </div>
+            <div class="col-md-6 col-sm-6 col-lg-3">
+                <h3>Cultral</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+            </div>
+        </div>
+        <div class="row-spacer"></div>
+    </div>
+
+    <!--Full Width Image-->
+    <div class="row-full-image" class="parallax-window" data-parallax="scroll" data-image-src="assets/fullimage.jpg">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-5 col-lg-5 col-sm-12 masthead-text">
+                    <h1>More power behind every pixel.</h1>
+                    <p class="sub-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                    <a href="#">Buying Options →</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Green Row-->
+    <div class="row-green">
+        <div class="container">
+            <div class="row">
+                <div class="verticle-text white">talkapp.com</div>
+                <div class="col-md-12">
+                    <h2>Reasons to get onboard</h2>
+                </div>
+                <div class="col-md-4">
+                    <h3>Web based</h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+                </div>
+                <div class="col-md-4">
+                    <h3>Open Source</h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+                </div>
+                <div class="col-md-4">
+                    <h3>Community</h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Buying Row-->
+    <div class="row-buying">
+        <div class="container">
+            <div class="row">
+                <div class="verticle-text white">talkapp.com</div>
+                <div class="col-md-6 inactive">
+                    <span class="badge">Legacy</span>
+                    <h2>Go it Solo</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
+                    <a href="#" class="btn-green">Buy Now $12</a>
+                    <img src="assets/fa-apple.svg" class="icon"/>
+                    <img src="assets/fa-windows.svg"/>
+                </div>
+                <div class="col-md-6 active">
+                    <span class="badge purple">Most Popular</span>
+                    <h2>Team Plan</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
+                    <a href="#" class="btn-green">Buy Now $18</a>
+                    <img src="assets/fa-apple.svg" class="icon"/>
+                    <img src="assets/fa-windows.svg"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Footer Row-->
+    <div class="row-footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+                    <h3>Get in touch</h3>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+                    <br/><br/>
+                    <div class="row">
+                        <div class="col-md-3 col-xs-6">
+                            <h3>Resources</h3>
+                            <ul>
+                                <li>Tour</li>
+                                <li>Customers</li>
+                                <li>Pricing and Plans</li>
+                                <li>New Features</li>
+                                <li>Education</li>
+                            </ul>
+                        </div>
+                        <div class="col-md-3 col-xs-6">
+                            <h3>Features</h3>
+                            <ul>
+                                <li>Tour</li>
+                                <li>Customers</li>
+                                <li>Pricing and Plans</li>
+                                <li>New Features</li>
+                                <li>Education</li>
+                            </ul>
+                        </div>
+                        <div class="col-md-3 col-xs-6">
+                            <h3>How To's</h3>
+                            <ul>
+                                <li>Tour</li>
+                                <li>Customers</li>
+                                <li>Pricing and Plans</li>
+                                <li>New Features</li>
+                                <li>Education</li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="row-spacer"></div>
+                </div>
+                <div class="col-md-5 col-md-offset-1 col-sm-6">
+                    <h3>Stay in touch</h3>
+                    <input class="email" placeholder="Enter your email"/>
+                    <button type="submit" class="submit">
+                        <img src="assets/tick.svg"/>
+                    </button>
+
+                    <label class="label-text">We don’t send spam. Actually, who are we kiding, we’ll spam
+the shit out of you’r inbox</label>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+<!--Scripts-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script src="js/parallax.min.js"></script>
+<script>
+    (function($){
+
+        $(document).ready(function(){
+
+            var $gridRow = $('.row-grid');
+            if ($gridRow.length) {
+
+                var $mainContainer = $('body > .container:first .row:first');
+                var pad = $mainContainer.position().left + 15;
+
+                $gridRow.each(function(){
+                    var $container = $(this).find('.container');
+                    var $rows = $container.find('.row');
+                    var containerWidth = 0;
+                    $rows.each(function(){
+                        var $cols = $(this).find('.grid');
+                        var totalWidth = 0;
+                        $cols.each(function(){
+                            totalWidth += $(this).outerWidth();
+                        });
+                        if (totalWidth > containerWidth) {
+                            containerWidth = totalWidth;
+                        }
+                    });
+                    containerWidth -= 30;
+                    containerWidth += (pad * 2);
+                    $container.width(containerWidth).css('padding', '0 '+pad+'px');
+                });
+
+            }
+
+        });
+
+    })(jQuery);
+</script>
+</body>
+</html>