diff --git a/foods.db b/foods.db
index 3776fcc..218fe6a 100644
Binary files a/foods.db and b/foods.db differ
diff --git a/templates/food.html b/templates/food.html
new file mode 100644
index 0000000..348ac28
--- /dev/null
+++ b/templates/food.html
@@ -0,0 +1,23 @@
+<div style="border: 1px solid black; margin: 1em; padding: 1em;">
+  <div style="text-align: center;">
+    <p>
+      <b>{{ food.name }}</b>
+    </p>
+    {{ food.portion }} ({{ food.kc_per_serving }} kc.)
+    <br>
+    <progress max="{{food.target_servings}}" value="{{food.actual_servings}}" {% if food.actual_servings>
+      food.target_servings %}
+      style="accent-color: red;"
+      {% endif %}>
+    </progress>
+    {{ food.actual_servings }}/{{ food.target_servings }}
+  </div>
+  <br>
+  <form method="post">
+    <div style="text-align: center;">
+      <button formaction="/decrease/{{ food.id }}" style="width: 40%; height: 3em;" {% if food.actual_servings <=0 %}
+        disabled {% endif %}>-</button>
+      <button formaction="/increase/{{ food.id }}" style="width: 40%; height: 3em;">+</button>
+    </div>
+  </form>
+</div>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
index 5b6b573..435e279 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,29 +12,7 @@
   <main>
     <div style="display: flex-root; margin: auto; width: fit-content;">
       {% for food in foods %}
-      <div style="border: 1px solid black; margin: 1em; padding: 1em;">
-        <div style="text-align: center;">
-          <p>
-            <b>{{ food.name }}</b>
-          </p>
-          {{ food.portion }} ({{ food.kc_per_serving }} kc.)
-          <br>
-          <progress max="{{food.target_servings}}" value="{{food.actual_servings}}" {% if food.actual_servings>
-            food.target_servings %}
-            style="accent-color: red;"
-            {% endif %}>
-          </progress>
-          {{ food.actual_servings }}/{{ food.target_servings }}
-        </div>
-        <br>
-        <form method="post">
-          <div style="text-align: center;">
-            <button formaction="/decrease/{{ food.id }}" style="width: 40%; height: 3em;" {% if food.actual_servings <=0
-              %} disabled {% endif %}>-</button>
-            <button formaction="/increase/{{ food.id }}" style="width: 40%; height: 3em;">+</button>
-          </div>
-        </form>
-      </div>
+      {% include "food.html" %}
       {% endfor %}
       <div style="background-color: lightblue; margin: 1em;">
         <b style="font-size: 24px; padding: 1em;">Total: {{ sum }} kc.</b>