Origami Frontend Components & Services

Demos: o-footer-services

The most minimal version of the footer. Should not be treated as optional.

Minimal footer with links

Minimal footer without content

Minimal footer without content

Minimal footer with logo

Minimal footer without content

The full services footer

Dark Theme

A dark theme, shown on the full services footer.

<div class="demo">
	<footer class="o-footer-services o-footer-services--dark">
		<div class="o-footer-services__container">
			<div class="o-footer-services__wrapper o-footer-services__wrapper--top">
				<p class="o-footer-services__logo">Origami</p>
				<a class="o-footer-services__icon-link o-footer-services__icon-link--github" href="http://github.com/financial-times/o-footer-services">View project on GitHub</a>
				<a class="o-footer-services__icon-link o-footer-services__icon-link--slack" href="https://slack.com/messages/[id]/">#slack-channel</a>
				<p class="o-footer-services__content">Help or advice can be found here <a href="mailto:an.email@someplace.com">an.email@someplace.com</a> and there are other places, <a class="o-footer-services__content--external" href="/somewhere">like this one</a>.</p>
		<div class="o-footer-services__container">
			<div class="o-footer-services__wrapper o-footer-services__wrapper--legal">
				<div class="o-footer-services__links">
				<a href="http://help.ft.com/help/legal-privacy/cookies/">Cookies</a>
				<a href="http://help.ft.com/help/legal-privacy/copyright/copyright-policy/">Copyright</a>
				<a href="http://help.ft.com/help/legal-privacy/privacy/">Privacy</a>
				<a href="http://help.ft.com/help/legal-privacy/terms-conditions">Terms &amp; Conditions</a>
			<p><span>&#xA9; THE FINANCIAL TIMES LTD 2020.</span> FT and &apos;Financial Times&apos; are trademarks of The Financial Times Ltd.</p>
active Origami v1
Switch component view

GitHub Repository

Install o-footer-services

If using the Build Service, add o-footer-services@^3.2.1 to your link tag.

If running a Manual Build, run npm install "o-footer-services@^3.2.1".

Help & Support

o-footer-services is maintained directly by the Origami team. If you have any questions about o-footer-services or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com