SIA Web Design Library

Program module: Full

No notes defined.

<article class='c-program_module program_module type-program_module c-program_module--full'>
                    <div class='r-page-lead
        '>
                        <div class='c-hero c-hero--video 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 class='c-program_module__content '>
                                <p>The tool: As you can see it is an empty table with several fields. First there is the field „Project“. .</p>

                            </div>
                        </div>
                    </div>
                </article>
 
{% if fields or externalLink or fileLink %}
    {% set hasSidebar = true %}
    {% set containerClass = 'container-fluid' %}
    {% set rowClass = 'row flex-xl-row-reverse justify-content-xl-end' %}
    {% set contentClass = 'col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-0 col-xl-6' %}

{% 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 }}

                    {% if sharing %}
                        {% include get_template( 'social-links', 'unit' ) with sharing %}
                    {% endif %}

                    {% if gettingStarted %}
                        {% include get_template( 'info-box', 'unit' ) with gettingStarted %}
                    {% endif %}
                </div>
            {% endif %}
            {% if hasSidebar %}
                <div class='c-{{ entityType }}__meta col-12 col-md-10 offset-md-1 col-lg-4 offset-lg-0 col-xl-3 '>
                    {% 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_module",
  "display": {
    "view_mode": "full"
  },
  "heading": {
    "text": "Milestone Planning Tool"
  },
  "content": "<p>The tool: As you can see it is an empty table with several fields. First there is the field „Project“. .</p>",
  "pageLead": {
    "hero": {
      "display": {
        "component": "page-lead",
        "modifiers": [
          "video"
        ]
      },
      "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
}