Social media footer

Buttons linking to different social media channels

Overview
  • The social media footer is available for every page template on Hantsweb
  • The default setting is the Hantsconnect Facebook and Twitter accounts
  • The social media links can be updated to reflect the correct social media links for the corresponding page content area
Example

WCMS use
MVC.net use
Code

<ul class="center tiny-top">
                <li class="inlined">
                    <a rel="nofollow" href="https://www.facebook.com/hantsconnect" class="noborder tooltip" title="Facebook" aria-label="Facebook">
                        <i class="medium facebook icon" aria-hidden="true" title="Facebook" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen">Facebook</span>
                    </a>
                </li>
                <li class="inlined">
                    <a rel="nofollow" href="https://twitter.com/hantsuiux" class="noborder tooltip" aria-label="@HantsUiUx" title="@HantsUiUx">
                        <i class="medium twitter icon" aria-hidden="true" title="@HantsUiUx" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen">@HantsUiUx</span>
                    </a>
                </li>
                <li class="inlined">
                    <a rel="nofollow" href="http://designblog.hants.gov.uk/" class="noborder tooltip" title="" aria-label="">
                        <i class="medium wordpress icon" aria-hidden="true" title="" style="display: inline;"></i><span class="jq-hidden-icon-label offscreen"></span>
                    </a>
                </li>
        </ul>
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release