View source for Template:NYMU-Taipei/footer

<html>

<style>
    /* FOOTER */

    .footer {
        font-weight: bold;
        font-size: 0.8rem;
    }

    .footer-info {
        background-color: #52b098;
        padding: 0.5rem;
    }

    .footer-sponsors img {
        width: 28%;
        height: auto;
        padding: 1rem;
    }
    @media screen and (max-width: 850px) {
        .footer-sponsors img {
            height: auto;
            width: 60%;
        }
    }
</style>


<footer class="footer">

    <div class="footer-info text-white">
        <div class="container-xl">
            <div class="row">
                <div class="col-5 d-flex justify-content-start align-items-center py-3">
                    <div>
                        <span>A Project conducted by the 2020 NYMU iGem Team</span>
                        <address class="pt-2">
                            <div class="py-1">
                                <img style="max-height: 1rem;"
                                    src="https://static.igem.org/mediawiki/2020/2/2f/T--NYMU-Taipei--icon_envelope.png"
                                    class="img-fluid">
                                <a style="text-decoration: none; color: white;"
                                    href="mailto:nymuigem2020@gmail.com">nymuigem2020@gmail.com</a>
                            </div>
                            <div class="py-1">
                                <img style="max-height: 1rem;"
                                    src="https://static.igem.org/mediawiki/2020/5/55/T--NYMU-Taipei--icon_instagram.png"
                                    class="img-fluid">
                                @wetlabtenpeaple
                            </div>
                            <div class="py-1">
                                <img style="max-height: 1rem; margin-top:-3px;"
                                    src="https://static.igem.org/mediawiki/2020/6/69/T--NYMU-Taipei--icon_facebook.png"
                                    class="img-fluid">
                                NYMU iGEM Team @igemnymutaipei
                            </div>
                        </address>
                        <span>Copyright 2020 NYMU iGem Team. All Rights Reserved </span>
                    </div>
                </div>
                <div class="col-7 footer-sponsors d-flex flex-column">
                    <div class="d-flex flex-wrap align-items-center justify-content-around">
                        <img src="https://static.igem.org/mediawiki/2020/3/3d/T--NYMU-Taipei--sponsor_pegavision_white.png">
                        <img src="https://static.igem.org/mediawiki/2020/6/67/T--NYMU-Taipei--logo_iGem_Taipei_white.png
                        " /> 
                    </div>

                    <div class="d-flex flex-wrap align-items-center justify-content-around">
                        <img src="https://static.igem.org/mediawiki/2020/3/3b/T--NYMU-Taipei--sponsor_snapgene_white.png" />
                        
                        <img src="https://static.igem.org/mediawiki/2020/5/58/T--NYMU-Taipei--geneious-logo-white.png" />
                        
                    </div>



                </div>

            </div>
        </div>
    </div>
</footer>
</html>