add form and change style training page

source/stylesheets/training.css

+body {
+  background-color: rgba(85, 68, 136, 0.23);
+}
+
+.training-picture-container {
+  position: relative;
+  width: 100%;
+  height: 500px;
+  overflow: hidden;
+  background: url(/images/bg/bg_training.png) no-repeat center center;
+  background-size: cover;
+}
+
+.training-overlay {
+  background: rgba(85, 68, 136, 0.62);
+  height: 500px;
+}
+
+.training-content {
+  padding-top: 150px;
+  text-align: center;
+  color: white;
+}
+
+.training-content h1 {
+  color: white;
+  font-size: 6rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.training-form {
+  color: white !important;
+  margin-top: 25px;
+}

source/training/index.html

 ---
 layout: default
 title: Training
+suppress_header: true
 ---
-
-<div id="content" class="txt-middle">
-  <div class="container">
-    <p> We organize git training workshops for companies</p>
-    <a href="/contact">Contact us</a> for more details.
+<div class="wrapper">
+  <div class="training-picture-container">
+    <div class="training-overlay">
+      <div class="training-content">
+        <h1>Training</h1>
+        <p> We organize git training workshops for companies</p>
+        <p> Please fill out the form below.</p>
+      </div>
+    </div>
+  </div>
+  <div class="container training-form">
+    <div id="wufoo-wnwsmb80wogkgf">
+    Fill out my <a href="https://gitlab.wufoo.com/forms/wnwsmb80wogkgf">online form</a>.
+    </div>
+    <script type="text/javascript">var wnwsmb80wogkgf;(function(d, t) {
+    var s = d.createElement(t), options = {
+    'userName':'gitlab',
+    'formHash':'wnwsmb80wogkgf',
+    'autoResize':true,
+    'height':'751',
+    'async':true,
+    'host':'wufoo.com',
+    'header':'show',
+    'ssl':true};
+    s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
+    s.onload = s.onreadystatechange = function() {
+    var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
+    try { wnwsmb80wogkgf = new WufooForm();wnwsmb80wogkgf.initialize(options);wnwsmb80wogkgf.display(); } catch (e) {}};
+    var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
+    })(document, 'script');</script>
   </div>
 </div>
+
+<link href="/stylesheets/sticky_footer.css" rel="stylesheet">
+<link href="/stylesheets/training.css" rel="stylesheet">