SIA Web Design Library

Program Curriculum: Full

No notes defined.

<article class='c-program_curriculum program_curriculum type-program_curriculum c-program_curriculum--full'>
                    <div class='r-page-lead
        '>
                        <div class='c-hero c-page-lead__hero'>
                        </div>

                        <header class='c-section-header'>

                            <p class='c-section-header__supra'><span><a href='#'>Tool</a></span></p>

                            <h1 class='c-heading'>
                                Milestone Planning Tool
                            </h1>

                        </header>

                        <div class='c-lead'>
                            <ul>
                                <li>you haven't built an MVP yet
                            </ul>
                        </div>
                    </div>
                    <div class='l-container--max-medium'>
                        <div class=''>

                        </div>
                    </div>
                </article>
 
{% if fields %}
    {% set hasSidebar = true %}
    {% set containerClass = 'container' %}
    {% set rowClass = 'row' %}
    {% set contentClass = 'col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-0' %}
{% else %}
    {% set hasSidebar = false %}
    {% set containerClass = 'l-container--max-medium' %}
    {% set rowClass = '' %}
    {% set contentClass = '' %}
{% endif %}

<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'page-lead', 'region' ) with pageLead %}

    <div class='{{ containerClass }}'>
        <div class='{{ rowClass }}'>
            {% if content %}
                <div class='c-{{ entityType }}__content {{ contentClass }}'>
                    {{ content|raw }}
                </div>
            {% endif %}

            {% if hasSidebar %}
                <div class='c-{{ entityType }}__meta col-12 col-md-10 offset-md-1 col-lg-4 offset-lg-0'>
                    {% for field in fields %}
                        {% include get_template( 'generic-field', 'unit' ) with field %}       
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
    {% if links or button %}
        {% include get_template( 'app-bar', 'region' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "theme": "education",
  "entityType": "program_curriculum",
  "display": {
    "view_mode": "full"
  },
  "heading": {
    "text": "Milestone Planning Tool"
  },
  "pageLead": {
    "hero": {
      "display": {
        "component": "page-lead"
      },
      "image": null
    },
    "sectionHeader": {
      "supraheading": "<a href='#'>Tool</a>",
      "heading": {
        "text": "Milestone Planning Tool"
      }
    },
    "lead": {
      "content": "<ul><li>you haven't built an MVP yet</ul>"
    }
  },
  "url": null
}