SIA Web Design Library

Expert Pool group: List Item

No notes defined.

<article class='c-learning-group learning-group type-learning-group c-learning-group--list-item'>

    <div class='c-learning-group__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>

        <div class='c-meta c-list-item__meta'>

            <span class='c-content-type c-content-type--tool'>Tool</span>
            <div class='c-focus-areas c-meta__focus-areas c-focus-areas--focus-areas-icon'>
                <p class='c-focus-areas__items'>
                    Operations, Business modeling </p>
            </div>

        </div>
        <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-learning-group__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": "support",
  "entityType": "learning-group",
  "display": {
    "view_mode": "list-item"
  },
  "resourceType": "tool",
  "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"
    }
  ],
  "meta": {
    "content_type": {
      "type": "tool",
      "text": "Tool"
    },
    "focus_areas": {
      "items": [
        {
          "text": "Operations"
        },
        {
          "text": "Business modeling"
        }
      ]
    }
  },
  "fields": null
}