Voorstel ding CT!

by bluesweater

HTML

<div class="magazineContainer">

  
  <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/rMwhf8B.png) top right no-repeat;">
      <div class="goForth next arrow" style="color: #32b07d;"><span class="arrowSize">klik hier</span></div>
    </div>

    <!-- Below is the first page of the magazine, notice the first line says 'page_1'-->
    <!-- Your image should be 688px in width and 500px in height -->
    <!-- You can put the html from your layout and text between 'ARTICLE START' and 'ATICLE END' -->

    <!-- PAGE 1: VOORWOORD -->
    <div id="page_1" class="pages">
      <!-- Article Start -->
      <div style="overflow: hidden; width: 700px; height: 700px;"><iframe style="overflow: hidden; margin-top: -58px; margin-left: -8px;" src="//jsfiddle.net/bluesweater/0an9v5gc/9//embedded/result" frameborder="0" width="700" height="700"></iframe></div>
      <!-- Article End -->
      <div class="goForth back" style="color: #000;"><span>1</span></div>
      <div class="goForth next" style="color: #000;"><span>2</span></div>
    </div>

    <!-- PAGE 2: Bluesweater -->
    <div id="page_2" class="pages">
      <!-- Article Start -->
      <div style="overflow: hidden; width: 700px; height: 700px;"><iframe style="overflow: hidden; margin-top: -58px; margin-left: -8px;" src="//jsfiddle.net/bluesweater/dx0pnefs/19//embedded/result" frameborder="0" width="700" height="700"></iframe></div>
      <!-- Article End -->
      <div class="goForth back" style="color: #000;"><span>3</span></div>
      <div class="goForth next" style="color: #000;"><span>4</span></div>
    </div>

    <!-- PAGE 3: Cindy  -->
    <div id="page_3" class="pages">
      <!-- Article Start -->
      <div style="overflow: hidden; width: 700px; height: 700px;"><iframe style="overflow: hidden; margin-top: -58px; margin-left: -8px;"...