diff --git a/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java b/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
index 389f8ce..f487afb 100644
--- a/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
+++ b/prototype/src/main/java/org/hso/ecommerce/app/RequestController.java
@@ -91,6 +91,11 @@ public class RequestController {
         return "intern/accountingmanual";
     }
 
+    @GetMapping("/intern/addarticle")
+    public String addarticle() {
+        return "intern/addarticle";
+    }
+
     @GetMapping("/intern/articles")
     public String articles() {
         return "intern/articles";
diff --git a/prototype/src/main/resources/static/img/product-8.jpg b/prototype/src/main/resources/static/img/product-8.jpg
new file mode 100644
index 0000000..cdb829d
Binary files /dev/null and b/prototype/src/main/resources/static/img/product-8.jpg differ
diff --git a/prototype/src/main/resources/templates/intern/addarticle.html b/prototype/src/main/resources/templates/intern/addarticle.html
new file mode 100644
index 0000000..a208726
--- /dev/null
+++ b/prototype/src/main/resources/templates/intern/addarticle.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+   <meta charset="utf-8">
+   <title>e-commerce</title>
+   <link rel="stylesheet" th:href="@{/css/ecom.css}" />
+   <link rel="stylesheet" th:href="@{/css/listedArticles.css}" />
+   <script th:src="@{/js/filterTable.js}"></script>
+
+</head>
+
+<body>
+   <nav th:replace="/fragments/header :: header">Header</nav>
+   <main class="sidebar-layout content-width">
+      <nav th:replace="/fragments/intern :: sidebar">Header</nav>
+      <div class="content-width">
+         <h1>Gelistete Artikel</h1>
+
+         <h2>Artikel ins Sortiment aufnehmen</h2>
+         <form class="detailgrid">
+            <p class="m">
+               <label for="title">Titel</label>
+               <input class="linestyle full-width" type="text" name="title" value="Kamera" />
+            </p>
+            <p class="s">
+               <label for="ref-article">Refernzierter Artikel</label>
+               <input class="linestyle full-width" type="text" name="ref-article" value="A-8405" disabled />
+            </p>
+            <div class="spacer"></div>
+            <div class="m">
+               <p>
+                  <label for="img">Bild Hochladen</label>
+                  <input class="full-width" type="file" name="img" />
+               </p>
+               <p>
+                  <img th:src="@{/img/product-1.jpg}" class="m" />
+               </p>
+            </div>
+            <div class="s">
+               <p>
+                  <label for="price">Preis (Netto)</label>
+                  <input class="linestyle" type="number" step="0.01" name="price" value="84.45" /> EUR
+                  ( 19% Mwst. )<br>
+                  = 105.98 EUR Brutto
+               </p>
+               <p>
+                  <label for="max-price-buy">Maximaler Einkaufspreis (Netto)</label>
+                  <input class="linestyle" type="number" step="0.01" name="price" value="80.98" /> EUR
+               </p>
+               <p>
+                  <fieldset>
+                     <label for="is-active">Nachkaufen</label>
+                     <input type="radio" id="mc" name="is-active" value="true" checked> Automatisch nachbestellen
+                     <input type="radio" id="mc" name="is-active" value="false"> Nicht mehr nachkaufen
+                  </fieldset>
+               </p>
+            </div>
+
+            <div class="m">
+               <label for="tags">Kategorien</label>
+               <textarea name="tags" class="full-width" rows="6">
+Überwachung
+Elektronik
+               </textarea>
+               <p>
+                  Bitte schreiben Sie jede Kategorie in eine eigene Zeile
+               </p>
+            </div>
+
+            <div class="s">
+               <p>
+                  <label for="price">Einheiten pro Lagerplatz</label>
+                  <input class="linestyle" type="number" name="units-per-slot" value="20" />
+               </p>
+            </div>
+
+            <p class="l">
+               <label for="description">Beschreibung</label>
+               <textarea name="description" class="full-width" rows="15">
+Eine TOLLE Kamera
+Jaja du denkst jetzt bestimmt: "Bei dem Preis kann sie gar nich sooo TOLL sein".
+Aber glaub mir, sie is echt echt TOLL!
+Indianerehrenwort!
+               </textarea>
+            </p>
+            <div class="l">
+               <button type="submit">Artikel hinzufügen</button>
+            </div>
+         </form>
+      </div>
+   </main>
+   <footer th:replace="/fragments/footer :: footer"></footer>
+</body>
+
+</html>
diff --git a/prototype/src/main/resources/templates/intern/articles.html b/prototype/src/main/resources/templates/intern/articles.html
index f67beb6..3e01432 100644
--- a/prototype/src/main/resources/templates/intern/articles.html
+++ b/prototype/src/main/resources/templates/intern/articles.html
@@ -5,6 +5,7 @@
    <meta charset="utf-8">
    <title>e-commerce</title>
    <link href="../static/css/ecom.css" rel="stylesheet" th:href="@{/css/ecom.css}" />
+   <script th:src="@{/js/filterTable.js}"></script>
 </head>
 
 <body>
@@ -13,7 +14,88 @@
       <nav th:replace="/fragments/intern :: sidebar">Header</nav>
       <div class="content-width">
          <h1> Artikel</h1>
-         <p>TODO</p>
+         <p>
+            <table id="main-table">
+               <tr>
+                  <th colspan="8">
+                     <input type="text" placeholder="Filtern" class="smaller jsFilterTable full-width" data-target-id="main-table"></input>
+                  </th>
+               </tr>
+               <tr>
+                  <th>Bild</th>
+                  <th>Name</th>
+                  <th>Kaufpreis</th>
+                  <th>(Netto)</th>
+                  <th>Kategorien</th>
+                  <th>Herstellernummer</th>
+                  <th>Status</th>
+               </tr>
+
+               <tr>
+                  <td><img th:src="@{/img/product-1.jpg}" class="s" /></td>
+                  <td>Kamera</td>
+                  <td>87,77 €</td>
+                  <td> (73,76 €) </td>
+                  <td>Úberwachung, Elektronik</td>
+                  <td>A-5051</td>
+                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-2.jpg}" class="s" /></td>
+                  <td>Earbuds</td>
+                  <td>50,54 €</td>
+                  <td>(42,47 €)</td>
+                  <td>Kopfhörer, Elektronik</td>
+                  <td>A-840</td>
+                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-3.jpg}" class="s" /></td>
+                  <td>USB-Magic Light</td>
+                  <td>10,17 €</td>
+                  <td>(8,54 €)</td>
+                  <td>Sonstiges, Elektronik</td>
+                  <td>A-8401</td>
+                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-5.jpg}" class="s" /></td>
+                  <td>Ersatzfernbedinung</td>
+                  <td>7,08 €</td>
+                  <td>(5,95 €)</td>
+                  <td>Úberwachung, Elektronik</td>
+                  <td>A-4565</td>
+                  <td>Im Sortiment<br><a th:href="@{/intern/listedarticlesedit}">(bearbeiten)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-6.jpg}" class="s" /></td>
+                  <td>Netzwerkkamera</td>
+                  <td>50,85 €</td>
+                  <td>(42,73 €)</td>
+                  <td>Úberwachung, Elektronik</td>
+                  <td>A-7580</td>
+                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-7.jpg}" class="s" /></td>
+                  <td>USB 3.0 Festplattenkabel</td>
+                  <td>1,65 €</td>
+                  <td>(1,38 €)</td>
+                  <td>Kabel, Elektronik</td>
+                  <td>A-6107</td>
+                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
+               </tr>
+               <tr>
+                  <td><img th:src="@{/img/product-8.jpg}" class="s" /></td>
+                  <td>Ubiquiti Networks UAP-AC-PRO, weiß</td>
+                  <td>120,00 €</td>
+                  <td>(100,84 €)</td>
+                  <td>Netzwerk, Elektronik</td>
+                  <td>A-4933</td>
+                  <td>Nicht im Sortiment<br><a th:href="@{/intern/addarticle}">(aufnehmen)</a></td>
+               </tr>
+            </table>
+         <p>
       </div>
    </main>
    <footer th:replace="/fragments/footer :: footer"></footer>

+ +
Bild	Name	Kaufpreis	(Netto)	Kategorien	Herstellernummer	Status
	Kamera	87,77 €	(73,76 €)	Úberwachung, Elektronik	A-5051	Im Sortiment (bearbeiten)
	Earbuds	50,54 €	(42,47 €)	Kopfhörer, Elektronik	A-840	Im Sortiment (bearbeiten)
	USB-Magic Light	10,17 €	(8,54 €)	Sonstiges, Elektronik	A-8401	Im Sortiment (bearbeiten)
	Ersatzfernbedinung	7,08 €	(5,95 €)	Úberwachung, Elektronik	A-4565	Im Sortiment (bearbeiten)
	Netzwerkkamera	50,85 €	(42,73 €)	Úberwachung, Elektronik	A-7580	Nicht im Sortiment (aufnehmen)
	USB 3.0 Festplattenkabel	1,65 €	(1,38 €)	Kabel, Elektronik	A-6107	Nicht im Sortiment (aufnehmen)
	Ubiquiti Networks UAP-AC-PRO, weiß	120,00 €	(100,84 €)	Netzwerk, Elektronik	A-4933	Nicht im Sortiment (aufnehmen)