A ribbon denoting affiliation with the Financial Times. This ribbon should be used in products that are owned by the Financial Times but have a separate brand identity to the Financial Times.
Check out how to include Origami components in your project to get started with
Use the following HTML to get a full-width FT affiliation ribbon. This should be placed beneath a footer.
<div class="o-ft-affiliate-ribbon"> <div class="o-ft-affiliate-ribbon__container"> <div class="o-ft-affiliate-ribbon__row"> <a class="o-ft-affiliate-ribbon__logo" href="https://www.ft.com/" title="The Financial Times" target="_blank"> <span class="o-ft-affiliate-ribbon__visually-hidden">A service from the Financial Times</span> </a> </div> </div> </div>
Call the primary mixin
oFtAffiliateRibbon to include all CSS for the o-ft-affiliate-ribbon component:
@import '@financial-times/o-ft-affiliate-ribbon/main'; @include oFtAffiliateRibbon();
If you have any questions or comments about this component, or need help using it, please either raise an issue, visit #origami-support or email Origami Support.
This software is published by the Financial Times under the MIT licence.