tweede-pagina.html

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

<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">
    <link rel="stylesheet" href="./styles/style.css">
    <link rel="stylesheet" href="https://use.typekit.net/ybl3yyx.css">
    <title>Meesterproef eindopdracht</title>
</head>

<body id="tweede-pagina">
    <img id="loader" src="./images/load.gif" alt="">
    <div id="content">


        <header>
            <nav>
                <ul>
                    <li><img src="./images/de-correspondent-logo.png" alt="Logo van de correspondent"></li>
                    <li><a href="./index.html">Home</a></li>
                    <li><a id="current" href="./tweede-pagina.html">AI Generator</a></li>
                    <li><a href="./visie.html">Visie</a></li>

                </ul>
            </nav>
        </header>
        <!-- <img src="./images/finger-pointing.png" alt="" id="pointing-at-button"> -->

        <main id="inleiding-pagina">

            <section>
                <h1>AI kunst beeldgenerator</h1>
                <article id="image"></article>

                <div class="button-container ">
                    <button>Genereer kunstwerken</button>
                    <figure class=" button button-box1"></figure>
                    <figure class="button button-box2"></figure>
                    <figure class="button button-box3"></figure>
                </div>

                <figure id="robot-animation"></figure>


                <img src="./images/denkende-karakter.svg" alt="">


            </section>

        </main>


    </div>
    <script src="./scripts/lottie.js"></script>
    <script src="./scripts/robot-animation.js"></script>

    <script src="./scripts/script.js"></script>

</body>

</html>