Untitled

<!DOCTYPE html>
<html>
    <head>
        <title id="titre">Seek'n'Play</title>
        <link rel="icon" type="image/png" href="logo.png" />
        <meta name="description" content="Bienvenue sur le site du projet Seek'n'Play ! nous sommes une equipe de 5 personnes" />
        <link id="css" rel="stylesheet" href="css/page5.css"/>
        <meta name="keywords" content="projet,social,iut,aix,etudiant,seek,and,play,seek'n'play,dut,informatique" />
        <meta charset="utf-8"/>

        <script>
        function swapStyleSheet(sheet){
            document.getElementById('css').setAttribute('href', sheet);
        }
        </script>

        <script>
        var cpt=1;
        function bo() {
        cpt=cpt+1;
        console.log(cpt);
        if (cpt>1)
        {
            console.log("changement de theme")
            swapStyleSheet('css/PageCss2.css')
            document.getElementById('logo').setAttribute('src', 'jour.jpg');
            console.log(cpt)
            cpt=0


        }
        else
        {
            swapStyleSheet('css/page.css')
            document.getElementById('logo').setAttribute('src', 'nuit.jpg');
        }
        }
</script><button id="bouton" onclick="bo()"><img id="logo" src="nuit.jpg"/></button>
        <p id="demo"></p>
    </head>
    <body>
        <hr id="barre">
        <h1 id="titre1">Projet tuteuré Seek'n'Play </h1>
        <hr id="barre2">
        <nav class="">
            <ul id="ul1">
                <li id="li1"><a id="lien" href="index.html"><div id="ma"></div>Accueil</a></li>
                <li id="li2"><a href="#test">Nos idées </a>
                    <ul id="test">
                        <li><a href="page1.html">Général</a></li>
                        <li><a href="page2.html">Rencontre</a></li>
                        <li><a href="page3.html">Evenement</a></li>
                    </ul>
                </li>
            <li id="li3"><a href="livredor.html">Livre d'or</a></li>
            <li id="li4"><a href="page5.html">Nos documents</a></li>

       </ul>
</nav>
    <a id="basecamp" href="https://basecamp.com/2577854/projects/14640238"><img id="image" src="basecamp1.png" alt="Photo de montagne" /></a>
    <div id="div1">
        <h1>Voici les differents réunions et documents de notre projet : </h1>
        <hr id="barre3">
        <a href="PDF/CompteRendu1.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°1</figcaption>
        <a href="PDF/CompteRendu2.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°2</figcaption>
        <a href="PDF/CompteRendu3.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°3</figcaption>
        <a href="PDF/CompteRendu4.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°4</figcaption>
        <a href="PDF/CompteRendu5.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°5</figcaption>
        <a href="PDF/CompteRendu6.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°6</figcaption>
        <a href="PDF/CompteRendu7.pdf" target=_blank><img src="pdf.png"></a><figcaption>Compte rendu n°7</figcaption>
        <a href="PDF/Sitographie.pdf" target=_blank><img src="pdf.png"></a><figcaption>Sitographie</figcaption>
        <a href="PDF/Etudeopportunite.pdf" target=_blank><img src="pdf.png"></a><figcaption>Etude d'opotunité </figcaption>
        <a href="PDF/BriefClient.pdf" target=_blank><img src="pdf.png"></a><figcaption>Brief Client </figcaption>
    </div>
    </body>
    </html>