<section class="o-ui-list">
  <div class="o-ui-list__item">
    {% include "@molecules/flags/flag.twig" with {
      flag: {
        image_classes: "u-1/2 u-1/3@small",
        paragraph: "Thea George, Research Director from Finextra, and Reetu Khosla, Senior Director Client Lifecycle Management from Pega, discuss best practices to drive digital transformation and global automation of client lifecycle management.",
        header: "Bring your complex client onboarding into the digital age"
      },
      
      link: {
        href: "#",
        text: "Register Now"
      },
      image: {
        src: "http://lorempixel.com/800/400/",
        lazyload: true
      }
    } %}
  </div>
  
  <div class="o-ui-list__item">
    {% include "@molecules/flags/flag.twig" with {
      flag: {
        image_classes: "u-1/2 u-1/3@small",
        paragraph: "For one week every year, Sibos brings together some 8,000 business leaders, decision makers and topic experts from a range of financial institutions, market infrastructures, multinational corporations and technology partners.",
        header: "Sibos 2016 Geneva, 26-29 September",
        subheader: "Article"
      },
      link: {
        href: "#",
        text: "Learn more"
      },
      caption: {
        header: "Apr 9-11"
      },
      image: {
        src: "http://lorempixel.com/800/400/",
        lazyload: true
      }
    } %}
  </div>
  
  <div class="o-ui-list__item">
    {% include "@molecules/flags/flag.twig" with {
      flag: {
        subheader: "Article",
        header: "Keeping Pace with KYC Regulations",
        image_classes: "u-1/2 u-1/3@small",
        paragraph: "Hear from Pega and leading experts from DLA Piper law firm on keeping up with complex regulatory changes across multiple jurisdictions, products and lines of business, using technology and global regulatory expertise."
      },
      link: {
        href: "#",
        text: "Watch Now"
      },
      caption: {
        header: "Webinar",
        subheader: "On-Demand"
      },
      image: {
        src: "http://lorempixel.com/800/400/",
        lazyload: true
      }
    } %}
  </div>  
</section>


{% grid "o-grid--right" %}
  {% cell %}
    {% include "@atoms/links/link.twig" with {
      link: {
        text: "Learn More",
        classes: "c-text--uppercase u-float-right u-margin-bottom-huge"
      }
    } %}
  {% endcell %}
{% endgrid %}