Missouri State University Pattern Library

Related content: Links

There are no notes for this item.

<div class="related-content">
    <h2 class="headline">Lorem ipsum</h2>
    <div class="container">
        <div class="item">
            <div class="ContentBlock important-link">
                <a href="#">
                    <div class="eyebrow">Lorem ipsum dolor</div>
                    <div class="headline">Lorem ipsum dolor sit amet consectetur</div>
                </a>
            </div>

        </div>
        <div class="item">
            <div class="ContentBlock important-link">
                <a href="#">
                    <div class="eyebrow">Lorem ipsum dolor</div>
                    <div class="headline">Lorem ipsum dolor sit amet consectetur</div>
                </a>
            </div>

        </div>
        <div class="item">
            <div class="ContentBlock important-link">
                <a href="#">
                    <div class="eyebrow">Lorem ipsum dolor</div>
                    <div class="headline">Lorem ipsum dolor sit amet consectetur</div>
                </a>
            </div>

        </div>
        <div class="item">
            <div class="ContentBlock important-link">
                <a href="#">
                    <div class="eyebrow">Lorem ipsum dolor</div>
                    <div class="headline">Lorem ipsum dolor sit amet consectetur</div>
                </a>
            </div>

        </div>
    </div>
</div>
 
{{#>@related-content}}
  {{#*inline 'content'}}
    {{render '@important-link' link merge=true}}
  {{/inline}}
{{/@related-content}}
 
{
  "headline": "Lorem ipsum",
  "items": [
    {
      "content": {
        "link": {
          "eyebrow": "Lorem ipsum dolor",
          "headline": "Lorem ipsum dolor sit amet consectetur",
          "url": "#"
        }
      }
    },
    {
      "content": {
        "link": {
          "eyebrow": "Lorem ipsum dolor",
          "headline": "Lorem ipsum dolor sit amet consectetur",
          "url": "#"
        }
      }
    },
    {
      "content": {
        "link": {
          "eyebrow": "Lorem ipsum dolor",
          "headline": "Lorem ipsum dolor sit amet consectetur",
          "url": "#"
        }
      }
    },
    {
      "content": {
        "link": {
          "eyebrow": "Lorem ipsum dolor",
          "headline": "Lorem ipsum dolor sit amet consectetur",
          "url": "#"
        }
      }
    }
  ]
}