Zenjob Notes, and new Templates

Custom_Templates/customer_templates/Skuid/account.html.liquid

@@ -0,0 +1,84 @@
+{% include "header" %}
+
+<div class="page-container account-profile">
+  <div class="np-hidden-mobile">
+    {% include "sub_navigation" %}
+  </div>
+
+  <main class="np-main np-subpage-container np-account account-margin">
+    <div class="np-hidden-desktop">
+      {% include "account_mobile_view", form: form %}
+    </div>
+
+    <div class="np-hidden-mobile np-flex np-flex-center">
+      {% include "account_desktop_view", form: form %}
+    </div>
+  </main>
+</div>
+
+{% include "footer" %}
+
+<style>
+  .np-card-container {
+    box-shadow: none;
+  }
+
+
+  @media (max-width: 768px) {
+    .account-profile {
+      justify-content: center;
+    }
+
+    .account-margin {
+      margin-right: 0;
+    }
+
+    .np-card.np-account-form {
+      min-width: 100% !important;
+    }
+
+    .np-account-form {
+      padding-right: 0;
+    }
+
+    .np-account-avatar {
+      padding-left: 0;
+    }
+  }
+
+  @media (min-width: 769px) and (max-width: 2499px) {
+    .account-profile {
+      justify-content: space-between;
+    }
+
+    .account-margin {
+      margin-right: 12%;
+    }
+
+
+    .np-account-form {
+      padding-right: 0;
+    }
+  }
+
+  @media (min-width: 2500px) {
+    .np-card-container.np-card-padding > div {
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-around;
+    }
+
+    .account-profile {
+      justify-content: space-between;
+    }
+
+    .account-margin {
+      margin-right: 23%;
+    }
+
+    .np-account-form {
+      margin-right: 9%;
+    }
+  }
+
+</style>