Creating a script for Anthology to update all the names of their learner properties based on new subscription model. Downloaded and updated some templates for this same project.

Custom_Templates/customer_templates/Anthology Academy/_resources.html.liquid

@@ -0,0 +1,73 @@
+<div class="section-resources np-max-width">
+  <hr />
+  <div class="np-section-title">
+    Resources
+  </div>
+  <div class="resources-list-container">
+    <div class="resource">
+      <div class="resource-title">Tutorials</div>
+      <a class="np-button download-btn" href="https://docs.google.com/document/d/1PNZUTw295P78jgfv1SFc3E4iV9asvZPTKf1--SqeTG0/edit?usp=sharing" target="_blank">
+        Download PDF
+        <i class="far fa-file-download"></i>
+      </a>
+    </div>
+    <div class="resource">
+      <div class="resource-title">Templates</div>
+      <a class="np-button download-btn" href="https://docs.google.com/document/d/180gvmn6HlGwWkS1ZBhpiM4_0z8A2_t1llMef6EpSDec/edit?usp=sharing" target="_blank">
+        Download PDF
+        <i class="far fa-file-download"></i>
+      </a>
+    </div>
+  </div>
+</div>
+
+
+<style>
+  .section-resources {
+    padding:32px 0;
+  }
+
+  .np-section-title {
+    font-size:40px;
+    font-weight:500;
+    text-align:center;
+    margin-top:48px;
+    margin-bottom:48px;
+  }
+
+  .resources-list-container {
+    display:flex;
+  }
+
+  .resource {
+    width:100%;
+    padding: 12px 18px;
+    margin-bottom:32px;
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+    font-size:18px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 2px 4px 0 rgb(89 105 123 / 50%);
+    margin: 16px;
+    width: 50%;
+  }
+
+  .fa-file-download {
+    margin-left:12px;
+    font-size:16px;
+  }
+
+
+  @media (max-width: 768px) {
+    .resource {
+      flex-direction: column;
+    }
+
+    .resource-title {
+      text-align: center;
+      margin-bottom: 10px;
+    }
+  }
+</style>