HCC footer

Overview
  • The Hants footer consists of the both the feedback form and the footer banner which appears on every page across the site
  • The banner contains navigation content items and the Hampshire County Council logo
Example
WCMS use
  • The Hants footer can be edited in Common content > Global settings > Headers and footers > Page footer
  • In the page footer page you can amend the logo
  • The footer menu of services are directly linked from their items on the content tree
MVC.net use
Code

                     </div>
            </div>
            
                <div class="row noprint">
        <h3 class="center nav-header remove-bottom">
            Find us on
        </h3>
        <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"></i><span class="jq-hidden-icon-label">Facebook</span>
                    </a>
                </li>
                <li class="inlined">
                    <a rel="nofollow" href="https://www.twitter.com/hantsconnect" class="noborder tooltip" title="Twitter @hantsconnect" aria-label="Twitter @hantsconnect">
                        <i class="medium twitter icon" aria-hidden="true" title="Twitter @hantsconnect"></i><span class="jq-hidden-icon-label">Twitter @hantsconnect</span>
                    </a>
                </li>
        </ul>
    </div>


                <!--START: Global Feedback Footer-->
    <div class="footer noprint noflow remove-top" id="global-feedback">
        <div class="container">
            <div class="row remove-bottom">
                <div id="rating_placeholder">
                    <p>
                        <a rel="nofollow" class="thumbnail" href="/aboutthecouncil/contact/ratethispage?page_id=110d559f-dea5-42ea-9c1c-8a5df7e70ef9"><i class="large icon question"></i> Was this page helpful to you? Review and comment »</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--END: Global Feedback Footer-->



                    <div class="footer noprint remove-top" role="navigation" aria-label="site footer">
            <div class="container">
                <div class="row">
                    <div class="four columns alpha footer-list">
                        <ul class="remove-sides nav nav-list">
                                <li>
                                    <a  href="https://www.hants.gov.uk/birthsdeathsandceremonies">Births, deaths and ceremonies</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/business">Business, economy and consumers</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/community">Community support</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/educationandlearning">Education and learning</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/jobs">Jobs, careers and volunteering</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/landplanningandenvironment">Land, planning and environment</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/librariesandarchives">Libraries and archives</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/socialcareandhealth">Social care and health</a>
                                </li>
                        </ul>
                    </div>
                    <div class="four columns footer-list">
                        <ul class="remove-sides nav nav-list">
                                <li>
                                    <a  href="https://www.hants.gov.uk/thingstodo">Things to do in Hampshire</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/transport">Transport and roads</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/wasteandrecycling">Waste prevention and recycling</a>
                                </li>
                                <li>
                                    <a  href="https://www.hants.gov.uk/aboutthecouncil">About the Council</a>
                                </li>
                                <li>
                                    <a  href="http://www3.hants.gov.uk/supplier">Supplier services</a>
                                </li>
                                <li>
                                    <a  href="https://selfserve.hants.gov.uk/employee">Employee self service</a>
                                </li>
                                <li>
                                    <a  href="http://www3.hants.gov.uk/accessibility">Accessibility</a>
                                </li>
                                <li>
                                    <a title="Contact" href="https://www.hants.gov.uk/aboutthecouncil/contact">Contact</a>
                                </li>
                        </ul>
                    </div>
                    <div class="three columns omega offset-by-one well">
                        <p class="scale-images">
                            <img src="https://www.hants.gov.uk/-/media/Images/Site-images/wcms-hcc-logo.png" alt="Hampshire County Council"/>
                        </p>
                            <address itemscope itemtype="https://schema.org/PostalAddress" class="small center">
                                <p itemprop="address">
                                    <span itemprop="streetAddress">The Castle</span>, <span itemprop="addressLocality"> Winchester</span> <span itemprop="postalCode">SO23 8UJ</span>
                                </p>
                            </address>
                    </div>
                </div>
            </div>
        </div>
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release