diff --git a/1_intro.html b/1_intro.html
new file mode 100644
index 0000000000000000000000000000000000000000..aa1cb2542107421a2ed80e85b4c4866dbee1d0b7
--- /dev/null
+++ b/1_intro.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+
+<body>
+
+<h2>Image Tagger Game</h2>
+
+<img src="https://swift.rc.nectar.org.au/v1/AUTH_eab314456b624071ac5aecd721b977f0/comp30023-project/image-3.jpg" alt="HTML5 Icon" style="width:700px;height:400px;">
+
+<p>Welcome to the image tagging game. Please enter your name below.</p>
+
+<form method="POST">
+    Name: <input type="text" name="user" />
+    <input type="submit" class="button"  />
+</form>
+
+</body>
+
+</html>
+
diff --git a/2_start.html b/2_start.html
new file mode 100644
index 0000000000000000000000000000000000000000..d09da4d91be3fb9cd31aad792c0be37ef544236c
--- /dev/null
+++ b/2_start.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<h2>Image Tagger Game</h2>
+
+<img src="https://swift.rc.nectar.org.au/v1/AUTH_eab314456b624071ac5aecd721b977f0/comp30023-project/image-3.jpg" alt="HTML5 Icon" style="width:700px;height:400px;">
+
+<form method="GET">
+    <input type="submit" class="button" name="start"  value="Start"/>
+</form>
+
+<form method="POST">
+    <input type="submit" class="button" name="quit" value="Quit"/>
+</form>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/3_first_turn.html b/3_first_turn.html
new file mode 100644
index 0000000000000000000000000000000000000000..92f3ca0e0494a222a06db8a29b77f764ce6b4e63
--- /dev/null
+++ b/3_first_turn.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<h2>You are ready now!</h2>
+
+<img src="https://swift.rc.nectar.org.au/v1/AUTH_eab314456b624071ac5aecd721b977f0/comp30023-project/image-2.jpg" alt="HTML5 Icon" style="width:700px;height:400px;">
+
+<p>Rule: Try to guess the above image by typing a keyword which describes it:</p>
+
+<form method="POST">
+    Keyword: <input type="text" name="keyword" />
+    <input type="submit" class="button" name="guess" value="Guess" />
+</form>
+
+<form method="POST">
+    <input type="submit" class="button" name="quit" value="Quit"/>
+</form>
+
+</body>
+</html>
+
diff --git a/4_accepted.html b/4_accepted.html
new file mode 100644
index 0000000000000000000000000000000000000000..d3bdc8bccf55bc282500c4b054a353d256d1a92a
--- /dev/null
+++ b/4_accepted.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<h2>Keyword Accepted! Keep trying more.</h2>
+
+<img src="https://swift.rc.nectar.org.au/v1/AUTH_eab314456b624071ac5aecd721b977f0/comp30023-project/image-2.jpg" alt="HTML5 Icon" style="width:700px;height:400px;">
+
+<p>Rule: Try to guess the above image by typing a keyword which describes it:</p>
+
+<form method="POST">
+    Keyword: <input type="text" name="keyword" />
+    <input type="submit" class="button" name="guess" value="Guess" />
+</form>
+
+<form method="POST">
+    <input type="submit" class="button" name="quit" value="Quit"/>
+</form>
+
+</body>
+</html>
+
diff --git a/5_discarded.html b/5_discarded.html
new file mode 100644
index 0000000000000000000000000000000000000000..bc5effaf68291a82bdd35e9e7a999ec3a5e08125
--- /dev/null
+++ b/5_discarded.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<h2>Keyword Discarded. The other player is not ready yet.</h2>
+
+<img src="https://swift.rc.nectar.org.au/v1/AUTH_eab314456b624071ac5aecd721b977f0/comp30023-project/image-2.jpg"  alt="HTML5 Icon" style="width:700px;height:400px;">
+
+<p>Rule: Try to guess the above image by typing a keyword which describes it:</p>
+
+<form method="POST">
+    Keyword: <input type="text" name="keyword" />
+    <input type="submit" class="button" name="guess" value="Guess" />
+</form>
+
+<form method="POST">
+    <input type="submit" class="button" name="quit" value="Quit"/>
+</form>
+
+</body>
+</html>
+
diff --git a/6_endgame.html b/6_endgame.html
new file mode 100644
index 0000000000000000000000000000000000000000..3fe2cf8f1f5375650b60a103ba8fd19f4743ab37
--- /dev/null
+++ b/6_endgame.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+
+<h2>Thanks for playing. The game is completed.</h2>
+
+<p>Would you like to play it again?</p>
+
+<form method="GET">
+    <input type="submit" class="button" name="start"  value="Start"/>
+</form>
+
+<form method="POST">
+    <input type="submit" class="button" name="quit" value="Quit"/>
+</form>
+
+</body>
+</html>
+
diff --git a/7_gameover.html b/7_gameover.html
new file mode 100644
index 0000000000000000000000000000000000000000..1f65c3c915cc298524f2d6403f071dedbab238d7
--- /dev/null
+++ b/7_gameover.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+</head>
+<body>
+
+<h2>Game Over!</h2>
+
+</body>
+</html>
+