December acties!

by bluesweater

HTML

<div class="magazineContainer">


	<!-- 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 -->


	<div class="pagesContainer">
	
		<!-- FRONT COVER -->
  		<!-- Change the url() to your front cover URL -->
  		<div id="page_0" class="pages">
      <div style="position: relative;">
    <div style="position: absolute; overflow: auto; width: 560px; height: 208px; left: 66px; top: 323px;">
        <script src="https://cdn.logwork.com/widget/countdown.js"></script>
<script src="https://cdn.logwork.com/widget/countdown.js"></script>
<a href="https://logwork.com/countdown-timer" class="countdown-timer" data-timezone="Europe/Amsterdam" data-language="nl" data-textcolor="#8f1d30" data-date="2024-12-25 00:00" data-background="#fdf7e5" data-digitscolor="#c2451c" data-unitscolor="#fff"> <br></a>
    </div>
    <img src="https://i.imgur.com/ESEg1dX.png">
</div>
<div class="goForth next arrow" style="color: #fff;"><span class="arrowSize">→</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 -->
  		<div id="page_1" class="pages">
			<!-- Article Start -->
      <img src="https://i.imgur.com/5OwNj75.png" alt="" />
        			<!-- Article End -->
  			<div class="goForth back" style="color: #fff;"><span>1</span></div>
  			<div class="goForth next" style="color: #fff;"><span>2</span></div>
		</div>

		<!-- PAGE 2 -->
		<div id="page_2" class="pages">
			<!-- Article Start -->	
      <img src="https://i.imgur.com/xYWF0xQ.png"...