SIA Web Design Library

Program module: List Item

No notes defined.

<article class='c-program_module program_module type-program_module c-program_module--list-item'>

    <div class='c-program_module__content-wrapper'>

        <h1 class='c-heading c-heading--minor'>
            <a class='c-link c-link--minor ' href="#" itemprop="item" itemid="#"><span itemprop="name">Milestone Planning Tool</span></a>
        </h1>

        <p>The tool: As you can see it is an empty table with several fields. First there is the field</p>

    </div>

    <footer class='c-program_module__footer'>

        <div class='c-action-bar c-list-item__action-bar'>
            <div class='c-action-bar__links '>
                <a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="#" itemprop="item" itemid="#"><span itemprop="name">Explore</span></a>
            </div>
        </div>
    </footer>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'list-item', 'unit' ) with { 
    } %}
</article>
 
{
  "theme": "education",
  "entityType": "program_module",
  "display": {
    "view_mode": "list-item"
  },
  "heading": {
    "text": "Milestone Planning Tool",
    "url": "#"
  },
  "content": "<p>The tool: As you can see it is an empty table with several fields. First there is the field</p>",
  "links": [
    {
      "href": "#",
      "text": "Explore"
    }
  ],
  "fields": null
}