footer.hbs from latehokusai

footer.hbs

<footer class="footer rs-footer">
<div class="container-fluid">

    <bs-row>
        <bs-col xs="12" md="10" lg="9" class="col-centered xl-width">
            <div class="footer-support">
                <div class="rs-body-s-M rs-hp-supported">Supported by</div>
            </div>
        </bs-col>
    </bs-row>

    <bs-row class="rs-xs-none">
        <bs-col sm="12" md="11" lg="10" class="col-centered xl-width">
            <div class="row d-flex footer-logo-row">

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="http://www.britishmuseum.org/" target="_blank">
                            <img src="/assets/images/logos/BM_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.soas.ac.uk/" target="_blank">
                            <img src="/assets/images/logos/soas_white.png" class="footer-logo--img">
                        </a>
                    </div> 
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://ahrc.ukri.org/" target="_blank">
                            <img src="/assets/images/logos/ahrc-2018-white-landscape.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.researchspace.org/" target="_blank">
                            <img src="/assets/images/logos/researchspace_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.metmuseum.org/" target="_blank">
                            <img src="/assets/images/logos/THE_MET.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.freersackler.si.edu/" target="_blank">
                            <img src="/assets/images/logos/smithsonian_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div>
                        <a href="https://www.arc.ritsumei.ac.jp/en/index.html" target="_blank">
                            <img src="/assets/images/logos/arc_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

            </div>
        </bs-col>
    </bs-row>

    <bs-row class="rs-only-xs">
        <bs-col xs="11" class="col-centered">
            <div class="row d-flex footer-logo-row">

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="http://www.britishmuseum.org/" target="_blank">
                            <img src="/assets/images/logos/BM_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.soas.ac.uk/" target="_blank">
                            <img src="/assets/images/logos/soas_white.png" class="footer-logo--img">
                        </a>
                    </div> 
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://ahrc.ukri.org/" target="_blank">
                            <img src="/assets/images/logos/ahrc-2018-white-landscape.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.metmuseum.org/" target="_blank">
                            <img src="/assets/images/logos/THE_MET.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

            </div>

            <div class="row d-flex footer-logo-row">
                
                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.researchspace.org/" target="_blank">
                            <img src="/assets/images/logos/researchspace_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div class="footer-logo--padding">
                        <a href="https://www.freersackler.si.edu/" target="_blank">
                            <img src="/assets/images/logos/smithsonian_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>

                <div class="col-auto">
                    <div>
                        <a href="https://www.arc.ritsumei.ac.jp/en/index.html" target="_blank">
                            <img src="/assets/images/logos/arc_white.svg" class="footer-logo--img">
                        </a>
                    </div>
                </div>
            </div>
        </bs-col>
    </bs-row>
</div>
    
<div data-flex-layout="row center-center" class="footer-text">
    <div class="rs-body-s-M text-white footer-text-padding">Copyright © The Trustee of The British Museum 2020</div>
    <div class="rs-body-s-U text-white footer-text-padding"><semantic-link title="terms of use" iri="http://www.researchspace.org/resource/terms">Terms of use</semantic-link></div>
    <div class="rs-body-s-U text-white footer-text-padding"><semantic-link title="contact" iri="http://www.researchspace.org/resource/contact">Contact</semantic-link></div>
    
</div>

</footer>