diff --git a/dinner/tonkatsu.html b/dinner/tonkatsu.html
new file mode 100644
index 0000000..979fb7c
--- /dev/null
+++ b/dinner/tonkatsu.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Tonkatsu</title>
+    </head>
+
+    <body>
+        <a href="../index.html">home</a>
+        <h1>items</h1>
+        <ul>
+            <li>pork</li>
+            <li>salt and pepper</li>
+            <li>eggs</li>
+            <li>breadcrumbs</li>
+            <li>oil</li>
+        </ul>
+        <h1>steps</h1>
+        <ul>
+            <li>make the dipping sauce</li>
+            <li>prepare the pork</li>
+            <li>bread the pork</li>
+            <li>fry</li>
+            <li>cut and serve</li>
+        </ul>
+        <h1>food critic</h1>
+        <div>
+            needs more layers of breadcrumbs
+        </div>
+    </body>
+</html>
diff --git a/index.html b/index.html
index a3776c5..ee4c540 100644
--- a/index.html
+++ b/index.html
@@ -163,6 +163,7 @@ <h2 class="dropdown-toggle">Dinner</h2>
         <li><a href="dinner/orange_chicken.html">Orange Chicken</a></li>
         <li><a href="dinner/garlic_noodles.html">Garlic Noodles</a></li>
         <li><a href="dinner/fried_rice.html">Fried Rice</a></li>
+        <li><a href="dinner/tonkatsu.html">Tonkatsu</a></li>
       </ul>
     </div>
   </div>
