diff --git a/demo2/footer.php b/demo2/footer.php
new file mode 100644
index 0000000..77353c1
--- /dev/null
+++ b/demo2/footer.php
@@ -0,0 +1,15 @@
+<script src="../swap.js"></script>
+<script>
+Swap.loaders['.screen2'] = () => {
+    console.log("screen2 loaded");
+    let screen2_interval = setInterval(() => { console.log("screen2 repeat every 1000 ms"); }, 1000);
+    return () => { console.log("screen2 clear"); clearInterval(screen2_interval); };  // unloader function
+}
+Swap.loaders['.screen3'] = () => {
+    console.log("screen3 loaded");
+    let screen3_interval = setInterval(() => { console.log("screen3 repeat every 200 ms"); }, 200);
+    return () => { console.log("screen3 clear"); clearInterval(screen3_interval); };  // unloader function
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/demo2/header.php b/demo2/header.php
new file mode 100644
index 0000000..ef16c43
--- /dev/null
+++ b/demo2/header.php
@@ -0,0 +1,8 @@
+<html>
+<head>
+</head>
+<body>
+<a href="index.php" swap-target="body" swap-history="true">Index</a>
+<a href="screen2.php" swap-target="#container2" swap-history="true">Go to screen2</a>
+<a href="screen3.php" swap-target="#container3" swap-history="true">Go to screen3</a>
+<a href="javascript:history.back();">History back</a>
\ No newline at end of file
diff --git a/demo2/screen2.php b/demo2/screen2.php
new file mode 100644
index 0000000..21cb8d6
--- /dev/null
+++ b/demo2/screen2.php
@@ -0,0 +1,6 @@
+<?php include "header.php" ?>
+
+<div id="container2" class="screen2">Screen2</div>
+<div id="container3">CONTAINER3</div>
+
+<?php include "footer.php" ?>
\ No newline at end of file
diff --git a/demo2/screen3.php b/demo2/screen3.php
new file mode 100644
index 0000000..b049480
--- /dev/null
+++ b/demo2/screen3.php
@@ -0,0 +1,6 @@
+<?php include "header.php" ?>
+
+<div id="container2">CONTAINER2</div>
+<div id="container3" class="screen3">Screen3</div>
+
+<?php include "footer.php" ?>
\ No newline at end of file
