Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Promo Banner

When we want to promote a specific product to learners, we can use a promo banner. These can be placed anywhere on the page, but should include an image and associated body copy.

.m-promo-banner
  .m-promo-banner__image
    = image_tag 'https://ugc.futurelearn.com/styleguide/molecules/promo-banner.jpg', alt: ''
  .m-promo-banner__body
    %p.old-text-typescale
      Thank you for downloading The Future of Learning in the Workplace.
      If you're interested in bringing FutureLearn to your workplace, you can contact us on
      %a{href: 'mailto:workplace.learning@futurelearn.com'}
        workplace.learning@futurelearn.com
    .section-cta.section-cta--after-copy
      %a.a-button.a-button--boss{href: '#'}
        Download the whitepaper