diff --git a/contrib/good_availablity.svg b/contrib/good_availablity.svg
index 0d1d1cb..67d577d 100644
--- a/contrib/good_availablity.svg
+++ b/contrib/good_availablity.svg
@@ -1,4 +1,4 @@
-<!-- SVG to show the current stock with an traffic light food labeling system -->
+<!-- SVG to show the current stock with a traffic light food labeling system -->
 <!-- Used functions -->
 <!--   process_radius ANZAHL MAXANZAHL RADIUS -->
 <!--   procent ANZAHL MAXANZAHL -->
diff --git a/contrib/good_freshness.svg b/contrib/good_freshness.svg
new file mode 100644
index 0000000..71b0b20
--- /dev/null
+++ b/contrib/good_freshness.svg
@@ -0,0 +1,10 @@
+<!-- SVG to show the current freshness of goods with a traffic light food labeling system -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+    <g class="arcs">
+        {{if gt .Count 4}}
+        <circle cx="50" cy="50" r="40" fill="#b02" stroke="#aaa" stroke-width="5"/>
+        {{else}}
+        <circle cx="50" cy="50" r="40" fill="#fff" stroke="#6a4" stroke-width="5"/>
+        {{end}}
+    </g>
+  </svg>
diff --git a/webroot/static/html/item.html b/webroot/static/html/item.html
index 2b47aba..c0eb471 100644
--- a/webroot/static/html/item.html
+++ b/webroot/static/html/item.html
@@ -1,8 +1,21 @@
 <h1>{{obj.title}} <img class="icon" src="/api/good/availablity/{{obj.id}}"/></h1>
 <table class="ui table very basic">
+<tr>
+  <td>Count</td>
+  <td>Time of Delevery</td>
+  <td>Status of Freshness</td>
+  <td>< /td>
+
+</tr>
+
+
   <tr>
-    <td>Count</td>
     <td>{{list.length}}</td>
+    <td>#</td>
+    <td><img class="icon" src="/api/good/freshness"/></td>
+    <td><i class="trash icon"></i></td>
+
+
   </tr>
 </table>
 <table class="ui table list" ng-if="list.length > 0">