index.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CROW | Home</title>
    <link rel="icon" href="crow.ico" type="image/x-icon" />
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://res.cloudinary.com/veseylab/raw/upload/v1597754760/magicmouse/magic-mouse-1.0.css" />
</head>

<body>
    <header>
        <nav>
            <ul>
                <li><a class="magic-hover magic-hover__square" href="Overzicht.php"> Jouw collectie</a></li>
            </ul>
            <figure><a class="magic-hover magic-hover__circle" href="#"><img src="crow2.png" alt="logo"></a></figure>
            <ul>
                <li><a class="magic-hover magic-hover__square" href="add.php">Voeg toe</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <article>
            <h1>Jouw Collectie</h1>
            <div id="divider"></div>
            <section>
                de tekst           
            </section>
        </article>
    </main>
    <footer>

    </footer>
    <script type="text/javascript" src="https://res.cloudinary.com/veseylab/raw/upload/v1597754761/magicmouse/magic_mouse-1.0.js"></script>
    <script type="text/javascript">
        options = {
            "cursorOuter": "none",
            "hoverEffect": "circle-move",
            "hoverItemMove": false,
            "defaultCursor": false,
            "outerWidth": 30,
            "outerHeight": 30
        };
        magicMouse(options);
    </script>
    <script src="animation.js"></script>
    <script src="fadeIn.js"></script>
    <script src="sort.js"></script>
</body>

</html> 