Page Footer

<footer class="footer-site">
    <div class="wrap">
        <a class="footer-site__logo" title="Home" href="/">
            <img src="../../img/logo.png" alt="Staffordshire University Logo">
        </a>

        <div class="footer-site__main">

            <div class="grid  grid--spaced">
                <div class="col-3/5  col-reverse">
                    <div class="grid  grid--spaced  grid-3-cols">
                        <div>
                            <h6>Study list</h6>
                            <ul class="list--unstyled  list--links">
                                <li><a href="">Undergraduate</a></li>
                                <li><a href="">Postgraduate</a></li>
                                <li><a href="">Part-time</a></li>
                                <li><a href="">Professional</a></li>
                                <li><a href="">Distance learning</a></li>
                                <li><a href="">Two-year accelerated degrees</a></li>
                                <li><a href="">Partnerships</a></li>
                            </ul>
                        </div>

                        <div>
                            <h6>Information for</h6>
                            <ul class="list--unstyled  list--links">
                                <li><a href="">Current students</a></li>
                                <li><a href="">Current staff</a></li>
                                <li><a href="">Schools and colleges</a></li>
                                <li><a href="">Alumni</a></li>
                            </ul>
                        </div>
                        <div>
                            <h6>Also see</h6>
                            <ul class="list--unstyled  list--links">
                                <li><a href="">A-Z index</a></li>
                                <li><a href="">News</a></li>
                                <li><a href="">Events</a></li>
                                <li><a href="">Job vacancies</a></li>
                                <li><a href="">Legal</a></li>
                                <li><a href="">Accessibility</a></li>
                                <li><a href="">Modern slavery</a></li>
                                <li><a href="">Transparency return</a></li>
                            </ul>
                        </div>
                    </div>

                    <h6>Connect with us</h6>
                    <ul class="list--inline  footer-site__social-list">
                        <li><a href=""><i class="icon"><img src="../../img/icon-facebook-white.svg" alt="Facebook" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-twitter-white.svg" alt="Twitter" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-youtube-white.svg" alt="YouTube" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-pinterest-white.svg" alt="Pinterest" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-linkedin-white.svg" alt="LinkedIn" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-instagram-white.svg" alt="Instagram" /></i></a></li>
                        <li><a href=""><i class="icon"><img src="../../img/icon-snapchat-white.svg" alt="Snapchat" /></i></a></li>
                    </ul>
                </div>

                <div class="col-2/5">
                    <h6><strong>Staffordshire University</strong></h6>

                    <p>
                        College Road<br />
                        University Quarter<br />
                        Stoke-on-Trent<br />
                        Staffordshire ST4 2DE<br />
                    </p>

                    <p>+44 (0)1782 294000</p>
                    <p><a href="">Contact us</a></p>
                    <p>&copy; Staffordshire University 2020</p>

                </div>
            </div>
        </div>

    </div>
</footer>