diff --git a/resources/views/visitor/cwbs_template/about.html b/resources/views/visitor/cwbs_template/about.html
index 81357e2b..1833dfc2 100644
--- a/resources/views/visitor/cwbs_template/about.html
+++ b/resources/views/visitor/cwbs_template/about.html
@@ -38,7 +38,7 @@
 <div id="content">
     <div class="white-wrapper backgrounded text-center">
         <div class="row column text-center m-b-25">
-            <h2 id="galerie">O nás</h2>
+            <h2 id="about">O nás</h2>
         </div>
         <h6 class="lowercase">
             <img src="images/bullet.png" alt="Image-bullet" class="image-bullet">Čemu se věnujeme?
diff --git a/resources/views/visitor/cwbs_template/contact.html b/resources/views/visitor/cwbs_template/contact.html
new file mode 100644
index 00000000..3328a5a8
--- /dev/null
+++ b/resources/views/visitor/cwbs_template/contact.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html>
+<head>
+    <title>Custom Wristbands.cz</title>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+    <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
+    <link href="foundation.min.css" type="text/css" rel="stylesheet">
+    <script src="vendor/jquery.min.js" type="text/javascript"></script>
+    <script src="foundation.min.js" type="text/javascript"></script>
+    <link href="layout.css" type="text/css" rel="stylesheet">
+    <link href="style.css" type="text/css" rel="stylesheet">
+</head>
+<body>
+
+<div class="top-bar">
+    <div class="top-bar-left">
+        <ul class="menu">
+            <li class="menu-text">
+                <a href="/"><img src="images/cwbs_logo_medium.png" alt="Custom Wristbands Logo"></a>
+            </li>
+        </ul>
+    </div>
+    <div class="top-bar-right">
+        <ul class="menu">
+            <li><a href="#">Home</a></li>
+            <li><a href="#" class="active">Sortiment</a></li>
+            <li><a href="#">Doprodej</a></li>
+            <li><a href="#">Galerie</a></li>
+            <li><a href="#">O nás</a></li>
+            <li><a href="#">Kontakt</a></li>
+        </ul>
+    </div>
+</div>
+
+<div id="content">
+    <div class="grey-wrapper p-b-0">
+        <div class="row column text-center m-b-25">
+            <h2>Kontakt</h2>
+        </div>
+        <div class="medium-6 column p-lr-0">
+            <div class="text-right">
+                <p class="contact-p green-text"><b>CUSTOM WRISTBANDS s.r.o.</b></p>
+                <p class="contact-p">Pražská 222/22</p>
+                <p class="contact-p">120 00 Praha 2</p>
+                <p class="contact-p">IČ: 012 345 67</p>
+                <br>
+                <p class="contact-p">-</p>
+                <p class="contact-p">tel.: +420 606 666 111</p>
+                <p class="contact-p">e-mail: <a href="mailto:">info@cw.cz</a></p>
+                <br>
+                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2560.626144078246!2d14.390829515545695!3d50.074562779425236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470b95000e41d5fb%3A0xf58ae0d8a9f480ed!2zxaB2w6lkc2vDoSAxMTI3LzI5LCBTbcOtY2hvdiwgMTUwIDAwIFByYWhhLVByYWhhIDU!5e0!3m2!1scs!2scz!4v1458938407867" width="100%" height="240" frameborder="0" style="border:0" allowfullscreen></iframe>
+            </div>
+
+        </div>
+        <div class="medium-6 column green-wrapper p-25" id="contact-form">
+            <h6 class="text-center uppercase m-b-25 bold">Rychlý formulář</h6>
+            <div class="column medium-6">
+                <input type="text" class="rounded large" placeholder="jméno a příjmení">
+                <input type="text" class="rounded large" placeholder="e-mail">
+            </div>
+            <div class="column medium-6">
+                <input type="text" class="rounded large" placeholder="telefon">
+                <input type="text" class="rounded large" placeholder="počet kusů">
+            </div>
+            <div class="column medium-12">
+                <textarea class="rounded large" placeholder="zpráva"></textarea>
+            </div>
+            <div class="column medium-4">
+                <input type="text" class="rounded large" placeholder="2+5=?">
+            </div>
+            <div class="column medium-6 right">
+                <a href="#" class="button expanded long secondary rounded">ODESLAT</a>
+            </div>
+        </div>
+        <div class="clearfix"></div>
+    </div>
+</div>
+<footer class="large">
+    <div class="row text-center">
+        <ul class="menu social-icons">
+            <li>
+                <a href="#" target="_blank">
+                    <span class="fa-stack fa-lg">
+                        <i class="fa fa-circle fa-stack-2x"></i>
+                        <i class="fa fa-facebook fa-stack-1x w-t"></i>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="#" target="_blank">
+                    <span class="fa-stack fa-lg">
+                        <i class="fa fa-circle fa-stack-2x"></i>
+                        <i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="#" target="_blank">
+                    <span class="fa-stack fa-lg">
+                        <i class="fa fa-circle fa-stack-2x"></i>
+                        <i class="fa fa-instagram fa-stack-1x w-t"></i>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="#" target="_blank">
+                    <span class="fa-stack fa-lg">
+                        <i class="fa fa-circle fa-stack-2x"></i>
+                        <i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
+                    </span>
+                </a>
+            </li>
+        </ul>
+        <div class="clearfix"></div>
+        <ul class="menu">
+            <li><a href="#">Home</a></li>
+            <li><a href="#" class="active">Sortiment</a></li>
+            <li><a href="#">Doprodej</a></li>
+            <li><a href="#">Galerie</a></li>
+            <li><a href="#">O nás</a></li>
+            <li><a href="#">Kontakt</a></li>
+        </ul>
+        <div class="clearfix"></div>
+        <hr>
+        <p>
+            <a href="#">Název</a> -
+            <a href="#">Adresa</a> -
+            <a href="#">www.url.cz</a> -
+            <a href="#">email@email</a> -
+            <a href="#">00420147852369</a>
+        </p>
+    </div>
+
+</footer>
+    <script type="text/javascript">
+        $(function() {
+            $(document).foundation();
+        });
+    </script>
+</body>
+</html>
diff --git a/resources/views/visitor/cwbs_template/sortiment.html b/resources/views/visitor/cwbs_template/sortiment.html
index 31e8b552..1d451eed 100644
--- a/resources/views/visitor/cwbs_template/sortiment.html
+++ b/resources/views/visitor/cwbs_template/sortiment.html
@@ -38,7 +38,7 @@
 <div id="content">
     <div class="grey-wrapper">
         <div class="row column text-center m-b-25">
-            <h2 id="galerie">Silikonové náramky</h2>
+            <h2 id="assortment">Silikonové náramky</h2>
         </div>
         <div class="row text-center">
             <div class="product-category column medium-4 text-right">
diff --git a/resources/views/visitor/cwbs_template/style.css b/resources/views/visitor/cwbs_template/style.css
index 2bf89a0c..ca522af0 100644
--- a/resources/views/visitor/cwbs_template/style.css
+++ b/resources/views/visitor/cwbs_template/style.css
@@ -1,21 +1,43 @@
 @font-face {font-family: "Lobster"; src: url(fonts/lobster_1_4.woff);}
 
 body,h1,h2,h3,h4,h5,h6, * {font-family: 'Ubuntu', sans-serif; color: #414042;}
+a, a:link, a:hover {color: #46c1be; font-weight: 500;}
+a:hover {text-decoration: underline;}
 
 .m-t-25 {margin-top: 25px;}
 .m-t-50 {margin-top: 50px;}
 .m-b-25 {margin-bottom: 25px;}
 .m-l-40 {margin-left: 40px;}
 .p-lr-15 {padding-left: 15px; padding-right: 15px;}
+.p-lr-0 {padding-left: 0; padding-right: 0;}
+.p-25 {padding: 25px !important;}
+.p-b-0 {padding-bottom: 0 !important;}
 .rounded {border-radius: 3px;}
-.large.rounded {border-radius: 6px;}
+.large.rounded,.expanded.rounded {border-radius: 6px;}
 .button {padding: 0.4em 2.3em; font-size: 0.7rem;}
 .button.secondary {background-color: #4D4D4F;}
 .button.success {background-color: #46c1be;}
 .button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;}
-.button.large {font-size:0.9rem; padding: 0.9em 2.4em; font-weight: 700; margin-bottom: 0;}
+.button.large, .button.expanded {font-size:0.9rem; padding: 0.9em 2.4em; font-weight: 700; margin-bottom: 0;}
 .button.large.long {padding: 0.9em 4em;}
+.button.expanded.long {height: 3rem; padding: 1em 4em;}
 .w-t {color: #ffffff}
+.green-text {color: #46c1be !important;}
+.uppercase {text-transform: uppercase;}
+.bold {font-weight: 700;}
+
+[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"],
+[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea,
+[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
+[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus
+{
+    border: 0; box-shadow: none; color: #46c1be; font-weight: 500; padding: 1rem; line-height: 2rem; height: 3rem;
+}
+textarea, textarea:focus {height: 120px;}
+[type="text"]:focus,[type="text"]:not(:empty), [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
+[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
+    color: #414042;
+}
 
 .top-bar {position: relative; top: 0; width: 100%;}
 .top-bar.homepage {position: absolute; top: 0; width: 100%;}
@@ -98,6 +120,8 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff
 .orbit.footer .orbit-slide img {width: 100%; height: auto;}
 
 .image-bullet {margin-right: 7px; position: relative; top: -3px;}
+.contact-p {margin-bottom: 0; padding-right: 50px; line-height: 1rem; font-weight: 300;}
+#content p.contact-p.green-text {color: #46c1be !important;}
 
 footer {padding-top: 50px;}
 footer .menu {display: inline-block;}