diff --git a/website/src/Router.tsx b/website/src/Router.tsx
index 8cc7ddc..a5a8c57 100644
--- a/website/src/Router.tsx
+++ b/website/src/Router.tsx
@@ -1,6 +1,7 @@
 import { Route, Router } from "@solidjs/router";
 import Index from "./pages/Index";
 import Pengujian from "./pages/Pengujian";
+import Histori from "./pages/Histori";
 
 interface Props {
   root: any;
@@ -11,6 +12,7 @@ export default function (props: Props) {
     <Router root={props.root}>
       <Route path="/" component={Index}></Route>
       <Route path="/pengujian" component={Pengujian}></Route>
+      <Route path="/histori" component={Histori}></Route>
     </Router>
   );
 }
diff --git a/website/src/pages/Histori.tsx b/website/src/pages/Histori.tsx
new file mode 100644
index 0000000..e78d2ee
--- /dev/null
+++ b/website/src/pages/Histori.tsx
@@ -0,0 +1,40 @@
+import Table from "../components/Table";
+
+export default function () {
+  return (
+    <div class="space-y-5">
+      <div class="bg-white rounded p-5 shadow">
+        <Table
+          headers={["Tanggal", "Lama Fermentasi", "Rentang Suhu", "Status"]}
+          items={[
+            [
+              "24 Maret 2024",
+              "32 Jam",
+              "35 - 40 C",
+              <span class="uppercase text-green-500">SUKSES</span>,
+            ],
+            [
+              "23 Maret 2024",
+              "6 Jam",
+              "25- 35 C",
+              <span class="uppercase text-red-500">GAGAL</span>,
+            ],
+            [
+              "22 Maret 2024",
+              "24 Jam",
+              "30 - 40 C",
+              <span class="uppercase text-green-500">SUKSES</span>,
+            ],
+            [
+              "24 Maret 2024",
+              "24 Jam",
+              "30 - 40 C",
+              <span class="uppercase text-green-500">SUKSES</span>,
+            ],
+          ]}
+          class="my-5"
+        ></Table>
+      </div>
+    </div>
+  );
+}