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
Course Promo Link

The Course Promo Link is a link that promotes a conversion to upgrade on in course pages, such as weekly to do lists and step pages themselves.

On smaller devices it fits between the course navigation and the content attached to the right hand side of the screen and on larger devices, it hangs from the navigation, to the right of the page content.

%a{href: "upgrade_path", class: 'm-course-promo-link'}
  = image_tag "upgraded_access/ribbon-upgrade.svg", class: 'm-course-promo-link__image'
  %span.m-course-promo-link__text Upgrade
  = image_tag "upgraded_access/ribbon-upgrade-horizontal.svg", class: 'm-course-promo-link__image m-course-promo-link__image--horizontal'