diff --git a/computer-science-blog/index.html b/computer-science-blog/index.html
index 7ee7ea7..f01a317 100644
--- a/computer-science-blog/index.html
+++ b/computer-science-blog/index.html
@@ -1,3 +1,4 @@
+<!-- Reading School 2018, HTML page by Matthew Grove, Year 10 -->
 <!DOCTYPE html>
 <html>
     <head>
@@ -67,6 +68,8 @@
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--fixed-adjust">
 					<iframe src="pages/blog.html"></iframe>
+					<h1>_____AREA_OF_STUDY_____ Presentation</h1>
+					<iframe src="" id ="iframe"></iframe>
                     <!-- input field (in a container so that unwanted overflow from :before & :after is hidden) -->
                     <div class="mdc-text-field-container">
                         <div class="mdc-text-field mdc-text-field--outlined"  data-mdc-auto-init="MDCTextField">
@@ -84,10 +87,15 @@
                             Validate with the Luhn Algorithm
                         </p>
                     </div>
-                    <!-- button to submit & check number with Luhn algorithm -->
-                    <button class="validation_button mdc-button mdc-button--outlined" onclick="checkNumber()" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-button__icon">check_circle_outline</i>
-                        Check
+                    <!-- button to go to previous slide -->
+                    <button class="validation_button mdc-button mdc-button--outlined" onclick="previousPage()" data-mdc-auto-init="MDCRipple">
+                        <i class="material-icons mdc-button__icon">navigate_before</i>
+                        Previous
+                    </button>
+                    <!-- button to go to next slide -->
+                    <button class="validation_button mdc-button mdc-button--outlined" onclick="nextPage()" data-mdc-auto-init="MDCRipple">
+                        <i class="material-icons mdc-button__icon">navigate_next</i>
+                        Next
                     </button>
 
                     <!-- link to source code on GitHub -->
diff --git a/computer-science-blog/pages/blog.html b/computer-science-blog/pages/blog.html
index 5247124..11ced00 100644
--- a/computer-science-blog/pages/blog.html
+++ b/computer-science-blog/pages/blog.html
@@ -11,7 +11,6 @@
 
 		<!-- scripts -->
 		<script type="text/javascript" src="../scripts/scripts.js"></script>
-
 	</head>
 	<body>
 		<h1>HTML Basics</h1>
@@ -44,6 +43,5 @@
 				<li>The later a CSS file is imported, the more power it has over the document - i.e. the last stylesheet imported will overwrite the styling in all of the other stylesheets.</li>
 			</ul>
 		</p>
-		<h1>_____AREA_OF_STUDY_____ Presentation</h1>
 	</body>
 </html>
diff --git a/computer-science-blog/pages/page_01.html b/computer-science-blog/pages/page_01.html
new file mode 100644
index 0000000..9319cf0
--- /dev/null
+++ b/computer-science-blog/pages/page_01.html
@@ -0,0 +1,18 @@
+<!-- Reading School 2018, HTML page by Matthew Grove, Year 10 -->
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0">
+		
+		<!-- styles -->
+		<link rel="stylesheet" type="text/css" href="../css/pages.css">
+
+		<!-- scripts -->
+		<script type="text/javascript" src="../scripts/scripts.js"></script>
+	</head>
+	<body>
+		<h1>Page 01</h1>
+	</body>
+</html>
\ No newline at end of file
diff --git a/computer-science-blog/scripts/scripts.js b/computer-science-blog/scripts/scripts.js
index e5cf8e9..85494be 100644
--- a/computer-science-blog/scripts/scripts.js
+++ b/computer-science-blog/scripts/scripts.js
@@ -16,7 +16,7 @@ window.onload = function() {
 }
 
 function nextPage() {
-	
+	displayPage(pages[0]);
 }
 
 function previousPage() {
