diff --git a/Sample/chapter-4/about.html b/Sample/chapter-4/about.html
new file mode 100644
index 0000000..0f61f50
--- /dev/null
+++ b/Sample/chapter-4/about.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+</head>
+<body>
+    
+    <h1>About page</h1>
+</body>
+</html>
\ No newline at end of file
diff --git a/Sample/chapter-4/index.html b/Sample/chapter-4/index.html
new file mode 100644
index 0000000..b2ddb72
--- /dev/null
+++ b/Sample/chapter-4/index.html
@@ -0,0 +1,73 @@
+<html>
+
+<head>
+    <title>Links</title>
+</head>
+
+<body>
+    <h1 id="top">Film Folk</h1>
+    <h2>Festival Diary</h2>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <p>Here are some of the film festivals we
+        will be attending this year.<br />Please
+        <a href="mailto:filmfolk@example.org">
+            contact us</a> if you would like more
+        information.
+    </p>
+    <h3>January</h3>
+    <p><a href="http://www.sundance.org">
+            Sundance Film Festival</a><br />
+        Park City, Utah, USA<br />
+        20 - 30 January 2011</p>
+    <h3>February</h3>
+    <p><a href="http://www.tropfest.com">
+            Tropfest</a><br />
+        Sydney, Australia<br />
+        20 February 2011</p>
+    <!-- additional content -->
+    <p><a href="about.html">About Film Folk</a></p>
+    <p><a href="#top">Top of page</a></p>
+</body>
+
+</html>
\ No newline at end of file
