Vrouwendag 2024

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" >
      <div align="left">
<div style="overflow:auto;position:relative;width:607px;height:185px;top:104px;left:41px;margin-right:-607px;margin-bottom:-185px;"> <div style="font-size: 16px!important;  color:black; text-align: center;">
			Heyhey allemaal! <br>
			Vandaag, acht maart, is het Internationale Vrouwendag! <br>
      Ieder jaar heeft vrouwendag een thema en dit jaar is het: één wereld, duizend vrouwen. Iedere vrouw is uniek, maar er zijn ook overeenkomsten. Het doel van deze dag is aandacht te vragen voor thema's zoals ongelijkheid, emancipatie, seksueel geweld, zorg en arbeid. Ook staan we stil bij alle belangrijke prestaties die vrouwen geleverd hebben, bijvoorbeeld doordat ze een bijzondere carriere hadden. Girlpower! :) <br><br>
      <i>Speciaal voor deze gelegenheid heb ik een woordzoeker gemaakt, klik rechtsonder op puzzel voor de woordzoeker. De puzzel is interactief. Lees vooral de tekst hierboven, dat zal helpen met het vinden van woorden!</i>
		</div>

</div>
<img src="https://i.imgur.com/Nj4Q9QD.png" alt=""></div>
  			<div class="goForth next arrow" style="color: #BD5313;"><span class="arrowSize">Puzzel→</span></div>
 		</div>

		<!-- BACK COVER -->
  		<!-- Change the url() to your back cover URL -->
		<div id="page_1" class="pages"> <div style="overflow: hidden; width: 688px; height: 500px;">
    <iframe style="overflow: hidden; margin-top: -58px; margin-left: -8px;" src="//jsfiddle.net/bluesweater/c5grqLha/14//embedded/result" frameborder="0" width="704" height="566"></iframe>
</div>
			<div class="goForth back arrow" style="color: #5F241F;"><span class="arrowSize">←Info</span></div>
		</div>
	</div>

</div>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script type="text/javascript">
  $( ".pages" ).hide();
  $( "#page_0" ).show();
  
  $(...