Untitled

<!DOCTYPE html>

<html>
    <head>
        <link rel="stylesheet" href="prosjekt2.css">
        <meta charset="UTF-8">
    </head>
    <body>


        <!--Main header-->
        <header id="main-page-header">
            <h1> URGENT</h1>

            <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> <!--Link for font-->


            <div> <!--Introduction-->
                <p id="intro"> NETWORK NEUTRALITY IS ON ITS DEATHBED. THE FUTURE OF THE INTERNET IS AT STAKE. GET A SNEAK PEEK ON HOW NETWORK PROVIDERS ARE WATCHING YOUR STEPS ONLINE, BY CHOOSING A FATE.
                </p>


            </div> <!--end of introduction-->

             <!--cookie animation-->
            <img src="darkcookie.png" alt="cookie">


        <img class= "cookie-1" src= "darkcookie.png">
        <img class="cookie-2" src="darkcookie.png">
        <img class="cookie-3" src= "darkcookie.png">
             <!-- end cookie animation-->

     <div id="animation-container"> <!--animation container-->

            <a id= "accept"> DO YOU ACCEPT COOKIES?</a>


            <!--JA/NEI KNAPP-->


            <a id="bevegelse-knapp-ned" class="button" href="#bevegelses-knapp-ned">YES</a>

            <a id="bevegelse-knapp-ned" class="button2" href="#bevegelses-knapp-ned">NO</a>


        </header>  <!--end header-->


        </div>  <!--end animation container-->


    </body>
</html>