Social

<div class="grid footer-social">
    <div class="container">
        <div class="grid__row">
            <ul class="footer-social__list" data-gridspan="12">
                <li class="footer-social__item footer-social__item--twitter">
                    <a class="footer-social__link" href="https://twitter.com/smithnephewplc" title="Corporate updates from Smith &amp; Nephew plc head office">
                        <img class="social-icon social-icon--twitter social-icon--inverted" src="/assets/icons/twitter-inverted.svg" onerror="this.src='/assets/icons/twitter-inverted.png';this.onerror=null;">
                        <!-- Corporate updates from Smith &amp; Nephew plc head office -->
                    </a>
                </li>
                <li class="footer-social__item footer-social__item--facebook">
                    <a class="footer-social__link" href="https://www.facebook.com/SmithNephewPlc" title="Visit Smith &amp; Nephew plc on Facebook">
                        <img class="social-icon social-icon--facebook social-icon--inverted" src="/assets/icons/facebook-inverted.svg" onerror="this.src='/assets/icons/facebook-inverted.png';this.onerror=null;">
                        <!-- Visit Smith &amp; Nephew plc on Facebook -->
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="grid footer-social">
	<div class="container">
		<div class="grid__row">
			<ul class="footer-social__list" data-gridspan="12">
			{{#each links}}
				<li class="footer-social__item footer-social__item--{{service}}">
					<a class="footer-social__link" href="{{link}}" title="{{text}}">
						{{> @social-icons--inverted service=this.service}}
						<!-- {{text}} -->
					</a>
				</li>
			{{/each}}
			</ul>
		</div>
	</div>
</div>
{
    "links": [
        {
            "service": "twitter",
            "link": "https://twitter.com/smithnephewplc",
            "text": "Corporate updates from Smith & Nephew plc head office",
            "alternative": "inverted"
        },
        {
            "service": "facebook",
            "link": "https://www.facebook.com/SmithNephewPlc",
            "text": "Visit Smith & Nephew plc on Facebook",
            "alternative": "inverted"
        }
    ]
}
.footer-social__list {
	text-align: center;
}
.footer-social__item {
	display: inline-block;
}
.footer-social {
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	background-color: $grey--superdark;
}

There are no notes for this item.