<div class="col-md-3 text-center" id="footeranchor">
                <a tabindex="0" role="button" data-trigger="focus" class="btn btn-primary primary" data-placement="top" id="popoverExampleTwo">Contact</a>
                <div id="popoverExampleTwoHiddenContent" style="display: none">
                    <table class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">Nom</th>
                                <th scope="col">Prenom</th>
                                <th scope="col">Email</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="table-light">
                                <th scope="row">●</th>
                                <td>BIALOTA</td>
                                <td>Quentin</td>
                                <td><a href="mailto:quentin.bialota@etu.univ-amu.fr" class="mail">quentin.bialota@etu.univ-amu.fr</a></td>
                            </tr>
                            <tr class="table-light">
                                <th scope="row">●</th>
                                <td>QUEZEL-PERRON</td>
                                <td>Theo</td>
                                <td><a href="mailto:theo.quezel-perron@etu.univ-amu.fr" class="mail">theo.quezel-perron@etu.univ-amu.fr</a></td>
                            </tr>
                            <tr class="table-light">
                                <th scope="row">●</th>
                                <td>CHEVALIER</td>
                                <td>Melvin</td>
                                <td><a href="mailto:melvin.chevalier@etu.univ-amu.fr" class="mail">melvin.chevalier@etu.univ-amu.fr</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="popoverExampleTwoHiddenTitle" style="display: none">
                    Contact:
                </div>
            </div>
            <div class="col-md-3 text-center" id="footeranchor">
                <a href="./pages/sources.html" class="btn btn-primary primary" id="btncolor">Sources</a>
            </div>
        </div>
        </div>
        <div class="footer-copyright text-center py-3">
            © 2018 Copyright: BIALOTA CHEVALIER QUEZEL-PERRON
        </div>
        <!-- Copyright -->
    </footer>
    <script type="text/javascript">
        $(function() {

            // Enabling Popover Example 2 - JS (hidden content and title capturing)
            $("#popoverExampleTwo").popover({
                html: true,
                content: function() {
                    return $('#popoverExampleTwoHiddenContent').html();
                },
                title: function() {
                    return $('#popoverExampleTwoHiddenTitle').html();
                }
            });

        });