University of Leeds Design System v1.0.14.2

Navigation Cards Widget: Default

No notes defined.

{% extends '@uol-widget' %}

{% block widget_content %}
  {% render '@uol-navigation-cards', { navigationCards: navigationCards } %}
{% endblock %}
 
<div class="uol-widget-container">
    <div class="uol-widget">

        <div class="uol-widget__content">

            <div class="uol-navigation-cards">

                <a href="#" class="uol-navigation-card">
                    <h2 class="uol-navigation-card__title">Welcome</h2>
                    <p class="uol-navigation-card__description">Welcome to all our new and returning Students. We&#39;ve put together everything you need to make sure you&#39;re prepared and can feel in control</p>
                </a>

                <a href="#" class="uol-navigation-card">
                    <h2 class="uol-navigation-card__title">Welcome</h2>
                    <p class="uol-navigation-card__description">Welcome to all our new and returning Students. We&#39;ve put together everything you need to make sure you&#39;re prepared and can feel in control</p>
                </a>

                <a href="#" class="uol-navigation-card">
                    <h2 class="uol-navigation-card__title">Welcome</h2>
                    <p class="uol-navigation-card__description">Welcome to all our new and returning Students. We&#39;ve put together everything you need to make sure you&#39;re prepared and can feel in control</p>
                </a>

                <a href="#" class="uol-navigation-card">
                    <h2 class="uol-navigation-card__title">Welcome</h2>
                    <p class="uol-navigation-card__description">Welcome to all our new and returning Students. We&#39;ve put together everything you need to make sure you&#39;re prepared and can feel in control</p>
                </a>

            </div>

        </div>
    </div>
</div>
 
{
  "navigationCards": [
    {
      "title": "Welcome",
      "description": "Welcome to all our new and returning Students. We've put together everything you need to make sure you're prepared and can feel in control",
      "url": "#"
    },
    {
      "title": "Welcome",
      "description": "Welcome to all our new and returning Students. We've put together everything you need to make sure you're prepared and can feel in control",
      "url": "#"
    },
    {
      "title": "Welcome",
      "description": "Welcome to all our new and returning Students. We've put together everything you need to make sure you're prepared and can feel in control",
      "url": "#"
    },
    {
      "title": "Welcome",
      "description": "Welcome to all our new and returning Students. We've put together everything you need to make sure you're prepared and can feel in control",
      "url": "#"
    }
  ]
}