Sign in or register
About
What does it do?
- Links to Unicard registration and account log in page
When to use it?
- On Swift content pages only.
When not to use it?
- On other Transport for West Midlands content pages
How it works
- Banner appears at the top of the page, above global navigation banner and links to Unicard registration and account log in page
HTML markup
<nav class="wmnds-sign-in">
<div class="wmnds-container">
<div class="wmnds-grid wmnds-grid--justify-end">
<div class="wmnds-col-auto">
<a href="https://my.swiftcard.org.uk" class="wmnds-sign-in__link">
<svg class="wmnds-btn__icon">
<use xlink:href="#wmnds-swift-bird-icon" href="#wmnds-swift-bird-icon"></use>
</svg>
Sign in or register
<svg class="wmnds-btn__icon wmnds-m-l-sm">
<use xlink:href="#wmnds-general-user" href="#wmnds-general-user"></use>
</svg>
</a>
</div>
</div>
</div>
</nav>
Nunjucks markup
{% from "wmnds/components/sign-in/_sign-in.njk" import wmndsSignIn %}
{{ wmndsSignIn() }}