Zenjob Notes, and new Templates

Custom_Templates/customer_templates/JJSV/training_events.html.liquid

@@ -0,0 +1,76 @@
+{% include "header" %}
+{% comment %} {% include "sub_navigation" %} {% endcomment %}
+<div class="row subpage-intro">
+  <div class="color-layer"></div>
+  <div class="col-xs-12 col-sm-9 col-md-6" style="margin:auto;">
+      <div class="subpage-intro-content-wrapper">
+              <div class="subpage-intro-title">Professional Events</div>
+              <div class="subpage-intro-divider"></div>
+      <div class="subpage-intro-subtitle">Join us in learning, connecting, and sharing knowledge at one of our symposiums or virtual events.</div>
+      </div>
+  </div>
+</div>
+
+<main class="np-main np-training-events np-subpage-container np-max-width">
+  <div class="row">
+    <div class="col-xs-12 col-sm-2">
+      {% include "training_events_filter" %}
+    </div>
+  </div>
+  {% include "training_events_index" %}
+</main>
+{% include "footer" %}
+
+<style>
+.subpage-intro {
+    position:relative;
+    background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_professional_events.png);
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    padding: 64px 16px;
+}
+
+.color-layer {
+    background-color: rgba(51, 51, 51, 0.7);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.subpage-intro-content-wrapper {
+    text-align:center;
+    color: #fff;
+    position: relative;
+    font-size: 18px;
+}
+
+.subpage-intro-title {
+       font-size: 32px;
+           line-height: normal;
+    text-transform: uppercase;
+    font-weight: 900;
+}
+
+.subpage-intro-divider {
+    height: 5px;
+    margin: 16px auto;
+    width:100px;
+    background-color:#cc0033;
+}
+
+  @media (min-width:768px) {
+      .subpage-intro {
+        min-height:400px;
+    }
+    .subpage-intro-content-wrapper {
+        font-size: 20px;
+    }
+
+    .subpage-intro-title {
+        font-size: 50px;
+    }
+  }
+</style>