diff --git a/src/main/java/com/example/ce316_project_test/HelpController.java b/src/main/java/com/example/ce316_project_test/HelpController.java
new file mode 100644
index 0000000..8215eae
--- /dev/null
+++ b/src/main/java/com/example/ce316_project_test/HelpController.java
@@ -0,0 +1,90 @@
+package com.example.ce316_project;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.Button;
+import javafx.scene.layout.StackPane;
+
+public class HelpController {
+
+    @FXML
+    private StackPane stackPane;
+    @FXML
+    private Button button1, button2, button3, button4, button5, button6, button7,button8,button9,button10;
+
+    private Button[] buttons = new Button[10];
+    private int index = 0;
+    private Button prevButton;
+
+    @FXML
+    public void initialize() {
+        stackPane.getChildren().get(0).setVisible(true);
+        stackPane.getChildren().get(1).setVisible(false);
+        stackPane.getChildren().get(2).setVisible(false);
+        stackPane.getChildren().get(3).setVisible(false);
+        stackPane.getChildren().get(4).setVisible(false);
+        stackPane.getChildren().get(5).setVisible(false);
+        stackPane.getChildren().get(6).setVisible(false);
+        stackPane.getChildren().get(7).setVisible(false);
+        stackPane.getChildren().get(8).setVisible(false);
+        stackPane.getChildren().get(9).setVisible(false);
+        
+        button1.setOnAction(event -> swap(button1, 0));
+        button2.setOnAction(event -> swap(button2, 1));
+        button3.setOnAction(event -> swap(button3, 2));
+        button4.setOnAction(event -> swap(button4, 3));
+        button5.setOnAction(event -> swap(button5, 4));
+        button6.setOnAction(event -> swap(button6, 5));
+        button7.setOnAction(event -> swap(button7, 6));
+        button7.setOnAction(event -> swap(button8, 7));
+        button7.setOnAction(event -> swap(button9, 8));
+        button7.setOnAction(event -> swap(button10, 9));
+
+        prevButton = button1;
+        buttons[0] = button1;
+        buttons[1] = button2;
+        buttons[2] = button3;
+        buttons[3] = button4;
+        buttons[4] = button5;
+        buttons[5] = button6;
+        buttons[6] = button7;
+        buttons[7] = button8;
+        buttons[8] = button9;
+        buttons[9] = button10;
+
+    }
+
+    @FXML
+    private void nextPage() {
+        if (index < 9) {
+            stackPane.getChildren().get(index++).setVisible(false);
+            stackPane.getChildren().get(index).setVisible(true);
+            buttonStyleSwap(prevButton, buttons[index]);
+            prevButton = buttons[index];
+        }
+    }
+
+    @FXML
+    private void prevPage() {
+        if (index > 0) {
+            stackPane.getChildren().get(index--).setVisible(false);
+            stackPane.getChildren().get(index).setVisible(true);
+            buttonStyleSwap(prevButton, buttons[index]);
+            prevButton = buttons[index];
+        }
+    }
+
+    private void swap(Button pressedButton, int newIndex) {
+        buttonStyleSwap(prevButton, pressedButton);
+        stackPane.getChildren().get(index).setVisible(false);
+        index = newIndex;
+        prevButton = buttons[index];
+        stackPane.getChildren().get(index).setVisible(true);
+    }
+
+    private void buttonStyleSwap(Button prevButton, Button nextButton) {
+        prevButton.setStyle(
+                "-fx-background-color: transparent; -fx-border-color: black; -fx-border-width: 2; -fx-border-radius: 20;");
+
+        nextButton.setStyle("-fx-background-color: black; -fx-background-radius: 20;");
+    }
+}