University of Leeds Design System v1.0.15

Content widget: With CTA

No notes defined.

{% extends '@uol-widget' %}

{% block widget_content %}
  <div class="uol-rich-text uol-spacing">
      {{ widget_content | safe }}
  </div>
{% endblock %}
 
<div class="uol-widget-container uol-widget-container__content">
    <div class="uol-widget uol-widget--content">

        <div class="uol-widget__left-col">

            <div class="uol-widget__head">

                <h2 class="uol-widget__title">Content widget with CTA</h2>

                <div class="uol-widget__lead">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, excepturi necessitatibus magnam nostrum sunt velit iste cum distinctio. Perferendis, ut.</p>
                </div>

            </div>

        </div>

        <div class="uol-widget__content">

            <div class="uol-rich-text uol-spacing">
                <div class="uol-in-text-cta">
                    <h2 class="uol-in-text-cta__heading"> <a class="uol-in-text-cta__link uol-arrow-link" href="/sp"><span role="text" "="">View all student <span class=" uol-arrow-link__arrow-wrapper">profiles<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" focusable="false" aria-hidden="true">
                                    <path fill-rule="nonzero" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path>
                                </svg></span></span></a> </h2>
                    <p class="uol-in-text-cta__text">Whats it like to learn and study online at Leeds? Find out from our students.</p>
                </div>
            </div>

        </div>
    </div>
</div>
 
{
  "widget_type": "content",
  "widget_title": "Content widget with CTA",
  "widget_lead": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, excepturi necessitatibus magnam nostrum sunt velit iste cum distinctio. Perferendis, ut.</p>",
  "widget_content": "<div class=\"uol-in-text-cta\"> <h2 class=\"uol-in-text-cta__heading\"> <a class=\"uol-in-text-cta__link uol-arrow-link\" href=\"/sp\"><span role=\"text\" \"=\"\">View all student <span class=\"uol-arrow-link__arrow-wrapper\">profiles<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\" aria-hidden=\"true\"> <path fill-rule=\"nonzero\" d=\"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z\"></path> </svg></span></span></a> </h2> <p class=\"uol-in-text-cta__text\">Whats it like to learn and study online at Leeds? Find out from our students.</p> </div>"
}