Zenjob Notes, and new Templates

Custom_Templates/customer_templates/Walmart/_cards_video.html.liquid

@@ -0,0 +1,45 @@
+<div class="np-card carousel-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-flex-1 card-title-flex">
+        <h3 class="np-card-content-title">
+          {{ course.name }}
+        </h3>
+        <div class="video-duration">{{course.properties.video_duration}}</div>
+      </div>
+      
+      <div class="np-card-content-footer">
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+     
+        <a class="np-button np-button-wide" href="{{ course_path }}">
+          Watch
+        </a>
+       
+      </div>
+    </div>
+  </div>
+</div>
+
+<style>
+.card-title-flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+.video-duration {
+  color: #f9c221;
+    font-weight: bold;
+    margin-left:10px;
+}
+</style>