Terugblik Magazine

by bluesweater

HTML

<div class="magazineContainer">

  <select id="pageSelector" name="PageSelector" style="border: 1px solid #e6e6e6; padding: 2px; border-radius: 3px; margin-bottom: 10px; width: 100%;">
    <!-- Below are the pages in the dropdown menu at the top -->
    <!-- You can change the text of 'Page 1' etc. to something else, so people know what page they're jumping to -->
    <!-- To add more options, copy the line saying <option>...</option> and paste it directly underneath -->
    <!-- Change the values 'p0', 'p1' etc. to match, they need to be in order and counting up -->
    <option disabled="disabled" selected="selected" value="">Ga naar een andere pagina</option>
    <option value="p0">Voorkant</option>
    <option value="p1">Inhoud & Voorwoord</option>
    <option value="p2">Maandoverzichten</option>
    <option value="p3">Actieoverzicht</option>
    <option value="p4">Favorieten Dazy</option>
    <option value="p5">Favorieten Neonlights</option>
    <option value="p6">Teamupdates</option>
    <option value="p7">Favorieten Mandalorian</option>
    <option value="p8">Favorieten LindzyInfernal</option>
    <option value="p9">MMS Looks / Onze favorieten</option>
    <option value="p10">Favorieten Nelena</option>
    <option value="p11">Favorieten Cindy</option>
    <option value="p12">Spelers v/d maand</option>
    <option value="p13">Favorieten Bluesweater</option>
    <option value="p14">Favorieten Mylastwish</option>
    <option value="p15">Be The Best</option>
    <option value="p16">Game</option>
    <option value="p17">Vooruitblik 2025</option>
    <option value="p18">Achterkant</option>

  </select>

  <div class="pagesContainer">

    <!-- FRONT COVER -->
    <!-- Change the url() to your front cover URL -->
    <div id="page_0" class="pages" style="background: url(https://i.imgur.com/5LcKiqX.png) top right no-repeat;">
      <div class="goForth next arrow" style="color: #fff;"><span class="arrowSize">→</span></div>
    </div>

    <!-- Below is the first...