Sandata templates and Luminate. PDFs for Spark

2024-10-18 16:38:15 -04:00
parent 6f06b14ece
commit 86f60c8a95
172 changed files with 7453 additions and 15 deletions
--- a/University/certification-programs.html.liquid
+++ b/University/certification-programs.html.liquid
@ -0,0 +1,108 @@
+{% comment %} skip-auth {% endcomment %}
+{% include "header" %}
+
+{% include "custom_page_certifications_hero" %}
+
+{% include "custom_page_cs_credentials" %}
+
+{% include "custom_page_pulse_credentials" %}
+
+{% include "custom_page_certifications_credly"
+  , custom_page_content: custom_page.content %}
+
+{% include "footer" %}
+
+<style>
+  .custom-page-section {
+    padding: 50px 20px;
+  }
+
+  .custom-page-copy {
+    line-height: 1.3;
+  }
+
+  .section-title {
+    font-weight: 700;
+    font-size: 28px;
+    line-height: 34px;
+    color: #153D5E;
+    margin-bottom: 32px;
+    letter-spacing: -0.25px;
+  }
+
+  .section-title.white {
+    color: #fff;
+  }
+
+  .card-column {
+    margin-bottom: 32px;
+  }
+
+  .certificate-card {
+    background-color: #ffffff;
+    box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
+    border-radius: 5px;
+    padding: 16px;
+    height: 100%;
+  }
+
+  .certificate-card .certificate-card-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: baseline;
+  }
+
+  .certificate-badge {
+    text-align: center;
+    width: 100%;
+  }
+
+  .certificate-label {
+    color: rgba(91, 109, 134, 0.50);
+    font-size: 20px;
+    font-weight: 800;
+    line-height: normal;
+    text-transform: uppercase;
+    margin-bottom: 6px;
+  }
+
+  .certificate-title {
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 22px;
+    margin-top: 0;
+    margin-bottom: 0;
+    color: #153D5E;
+  }
+
+  .certificate-text {
+    flex: 1;
+    color: #5B6D86;
+    font-size: 16px;
+    line-height: normal;
+    padding-left: 32px !important;
+  }
+
+  .certificate-text li {
+    margin-bottom: 6px;
+  }
+
+  .certificate-title,
+  .certificate-text,
+  .certificate-label {
+    padding: 0 20px;
+  }
+
+  @media (min-width: 768px) {
+    .custom-page-section {
+      padding: 75px 5%;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .custom-page-section {
+      padding: 100px 5%;
+    }
+  }
+</style>