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/page.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>
    </head>
    <body>
            <button id="bouton" onclick="bo()"><img id="logo" alt="libre" src="nuit.jpg"/></button>
            <p id="demo"></p>
            <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>
                        </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>Bienvenue sur notre site, Nous allons vous présenter notre projet Seek'n'Play ! Ce projet consiste à réunir des personnes a travers des activités, Des cours et bien d'autres ! </h1>
        </div>
        <div id="div2">
            <h1>Présentation de l'équipe : </h1>
            <h2>Emma Tarfi </h2>
            <img class="imageprofil" src="emma.jpg" alt="libre">
            <h2>Antoine Zombralis</h2>
            <img class="imageprofil" src="antoine.jpg" alt="libre">
            <h2>Nicolas Rohrbach</h2>
            <img class="imageprofil" src="nicolas.jpg" alt="libre">
            <h2>Théo Pougeol</h2>
            <img class="imageprofil" src="theo.jpg" alt="libre">
            <h2>Léo Vincent</h2>
            <img class="imageprofil" src="leo.jpg" alt="libre">
        </div>
    </body>
</html>