<!doctype html>
<html lang="fr" class="has-navbar-fixed-top">
<head>
    <meta charset="UTF-8" />
    <title>SpotiFly</title>
    <link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
    <link rel="stylesheet" href="<?= base_url('assets/song.css') ?>">
    <link rel="stylesheet" href="<?= base_url('assets/artiste.css') ?>">
    <link rel="stylesheet" href="<?= base_url('assets/album.css') ?>">
</head>
<body>
    <main class='container'>
        <header class="navbar">
            <div class="logo">
                <img src="../assets/img/Logo1.png" alt="SpotiFly">
            </div>
            <nav class="menu">
                <ul>
                    <li><?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/','Home'); ?></li>
                    <li class="menu_déroulant"><?= anchor('albums','Albums'); ?>
                        <div class="menu_déroulant_content">
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/196','New Masters'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/88','Joe Cocker!'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/213','Dylan'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/142','Mothers Milk'); ?>
                        </div>
                    </li>
                    <li class="menu_déroulant"><?= anchor('artistes','Artistes'); ?>
                        <div class="menu_déroulant_content">
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/artistes/view/34','Queen'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/21','Slayer'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/63','Muse'); ?>
                            <?= anchor('https://dwarves.iut-fbleau.fr/~gallego/SAEWEB2.2/ci/index.php/Song/view/62','Tool'); ?>
                        </div>
                    </li>
                    <li><?= anchor('playlist','Playlist'); ?></li>
                </ul>
            </nav>
            <div class="user">
                <a class="bouton" href="connexion.php">Connexion</a>
                <a class="bouton" href="html/Inscription.html">S'inscrire</a>
            </div>
        </header>
    </main>
    <script src="../assets/bouton.js"></script>
    <button id="scrollTopBtn" onclick="scrollToTop()">
        <span>&#8593;</span>
    </button>
</body>
</html>
