Zenjob Notes, and new Templates

Custom_Templates/customer_templates/Gusto/_tour.html.liquid

@@ -0,0 +1,60 @@
+
+<div class="tour-content">
+  <div class="container tour">
+    <div class="row">
+      <div class="col">
+        <img src="https://prod.gusto-assets.com/wp-content/uploads/People_Advisory_Gusto_Pro_screen%402x.png" alt="" class="image-tour">
+      </div>
+      <div class="col-6">
+        <div class="tour-title"> Take a tour of Gusto Pro. </div>
+        <div class="tour-subtitle">We’re always creating new tools and resources to serve our accountant community. Stay tuned, there’s more to come.</div>
+      </div>
+      <div class="col">
+        <button type="button" class="btn btn-ligth">View Gusto Pro</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+
+  .container.tour { 
+    background-color: #F0F8FF;
+    margin-bottom: -50px;
+    padding-bottom: 40px;
+  }
+
+  .tour-title {
+    font-family: 'Domine', serif;
+    font-size: 3em;
+    padding-top: 60px;
+    line-height: 1.2;
+  }
+
+  .gusto-pro-subtitle {
+    font-family: 'Fredoka', sans-serif;
+    font-size: 1em;
+    padding-top: 20px;
+    letter-spacing: 0.35px;
+    line-height: 1.5;
+    padding-bottom: 20px;
+  }
+
+  .btn-ligth {
+    font-family: 'Fredoka', sans-serif;
+    padding: 10px;
+    background-color: white;
+    padding-left: 20px;
+    padding-right: 20px;
+    font-weight: 600;
+    margin-top: 40%;
+  }
+
+  .image-tour {
+    max-height: 150px;
+    margin-top: 20%;
+    float: right;
+  }
+
+
+</style>