Story

Once upon a time...

</fieldset>
	</form>
<p><button ev:event="click" ev:handler="#turnPage2">Go to the next page.</button></p>
</div>

<div id="page2">
<p><button ev:event="click" ev:handler="#goPage2">Read this page.</button></p>
	<form id="read2">
	<fieldset>
		<legend>During the walk...</legend>
		<img id="picture2" src="" alt="" />
		<textarea name="content2" id="content2" rows="6" cols="33" value="" />
	</fieldset>
	</form>
<p><button ev:event="click" ev:handler="#turnPage3">Go to the next page.</button></p>
</div>

<div id="page3">
<p><button ev:event="click" ev:handler="#goPage3">Read this page.</button></p>
	<form id="read3">
	<fieldset>
		<legend>Being hungry...</legend>
		<img id="picture3" src="" alt="" />
		<img id="pictureFood" src="" alt="" style="margin-top:-350px;" />
		<textarea name="content3" id="content3" rows="6" cols="33" value="" />
	</fieldset>
	</form>
<p><button ev:event="click" ev:handler="#turnPage4">Go to the next page.</button></p>
</div>

<div id="page4">
<p><button ev:event="click" ev:handler="#goPage4">Read this page.</button></p>
	<form id="read4">
	<fieldset>
		<legend>Still feeling the rumbling...</legend>
		<img id="picture4" src="" alt="" />
		<img id="pictureMonster" src="" alt="" style="margin-top:-350px;" />
		<textarea name="content4" id="content4" rows="6" cols="33" value="" />
		<h2 style="text-align:center;">The End.</h2>
	</fieldset>
	</form>
</div>

</body>
</html>