diff --git a/exampleData/apiControal.json b/exampleData/apiControal.json
new file mode 100644
index 0000000000000000000000000000000000000000..d08ae7565386c68084599a741c6a3c17ebe6a441
--- /dev/null
+++ b/exampleData/apiControal.json
@@ -0,0 +1,55 @@
+{
+    "dsiVectors": {
+        "Frequenz": {
+            "valColName": "Frequenz"
+        },
+        "Beschleunigungsamplitude": {
+            "valColName": "Beschleunigungsamplitude"
+        },
+        "Ladungs\u00fcbertragungskoeffizent Betrag": {
+            "valColName": "Ladungs\u00fcbertragungskoeffizent Betrag",
+            "uncerColName": "rel. expanded Uncertainty",
+            "uncerParams": {
+                "coverageFactor": 2.0,
+                "coverageProbability": 0.95,
+                "distribution": ""
+            },
+            "uncerType": "relPercent"
+        },
+        "Phasenverz\u00f6gerung.1": {
+            "valColName": "Phasenverz\u00f6gerung.1",
+            "uncerColName": "Expanded Uncertainty.1",
+            "uncerParams": {
+                "coverageFactor": 2.0,
+                "coverageProbability": 0.95,
+                "distribution": ""
+            },
+            "uncerType": "absolute"
+        }
+    },
+    "dsiMultiVectors": {
+        "FrequenzBeschleuni_Ladungs\u00fcbe_Phasenverz": {
+            "indexVecNames": [
+                "Frequenz",
+                "Beschleunigungsamplitude"
+            ],
+            "dataVecNames": [
+                "Ladungs\u00fcbertragungskoeffizent Betrag",
+                "Phasenverz\u00f6gerung.1"
+            ]
+        }
+    },
+    "Sheet": "ERGEBNISSE",
+    "XML_replacement": {
+        "dsiMVName": "FrequenzBeschleuni_Ladungs\u00fcbe_Phasenverz",
+        "xmlPathList": [
+            "dcc:digitalCalibrationCertificate",
+            "dcc:measurementResults",
+            "dcc:measurementResult",
+            "dcc:results",
+            "dcc:result",
+            "dcc:data"
+        ],
+        "addTableToolToUsedSoftware": true
+    }
+}
diff --git a/img/dragAndDrop.pptx b/img/dragAndDrop.pptx
new file mode 100644
index 0000000000000000000000000000000000000000..36cc26380061fd78ad5f13d14fe97ada1a1350d2
Binary files /dev/null and b/img/dragAndDrop.pptx differ
diff --git a/img/dragAndDropIcon.png b/img/dragAndDropIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..67b5dcab52f2c99d980e91f56ef7ea041fd55bf2
Binary files /dev/null and b/img/dragAndDropIcon.png differ
diff --git a/img/dragAndDropIcon.svg b/img/dragAndDropIcon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0c41d356336ad1b68b325eae53b3811cccc072df
--- /dev/null
+++ b/img/dragAndDropIcon.svg
@@ -0,0 +1 @@
+<svg width="378" height="378" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="clip0"><rect x="0" y="0" width="2514600" height="2200275"/></clipPath><image width="752" height="752" xlink:href="data:image/png;base64,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" preserveAspectRatio="none" id="img1"></image><clipPath id="clip2"><rect x="1160523" y="1314434" width="2514600" height="2198068"/></clipPath></defs><g><rect x="0" y="0" width="378" height="378" fill="#181717" fill-opacity="0"/><path d="M9 70.5001C9 37.6391 35.6391 11 68.5 11L309.5 11C342.361 11 369 37.6391 369 70.5001L369 308.5C369 341.361 342.361 368 309.5 368L68.5 368C35.6391 368 9 341.361 9 308.5Z" stroke="#000000" stroke-width="16" stroke-miterlimit="8" fill="#FFFFFF" fill-rule="evenodd"/><g clip-path="url(#clip0)" transform="matrix(0.000104987 0 0 0.000104987 65 66)"><g clip-path="url(#clip2)" transform="matrix(1 0 0 1.001 -1160523 -1315754)"><use width="100%" height="100%" xlink:href="#img1" transform="scale(6260.9 6260.9)"></use></g></g></g></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 97f9ffd3564f78d380ce9cfe44e95c79d5d2d481..fa096dd03449cd0489d4471875b0fb74cfddf54a 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,26 @@
       <a href="https://gitlab1.ptb.de/TBruns/dcc_rest_server" class="git-link">
         <img src="img/Git.png" alt="Git icon"> Dieses Projekt auf Gitlab
       </a>
+    </article>
+	<article>
+      <h3>
+        <a href="tableSheetDCCProcessing/">Table Tool REST API Gui</a>
+        <a href="tableSheetDCCProcessing/" class="link-button"><img src="img/link.png" alt="Link"></a>
+      </h3>
+      <a href="tableSheetDCCProcessing/" class="article-image">
+        <img src="img/dragAndDropIcon.svg" alt="Table Tool REST API Gui. Es ziegt ein Drag and Drop Symbol das für die Konversion von tabelierten Daten steht.">
+      </a>
+      <p>
+        Diese Seite bietet ein Grafisches Interface für die Tabletool REST-API. Für jede XLSX Datei wird ein XML Fragment mit den tabelierten Daten erzeugt. Wenn in XML-Tamplate übergeben wird, wird die Tabelle in dieses integriert.
+      </p>
+      <div class="example-files">
+        <a href="exampleData/apiControal.json" class="download-link"><img src="img/download.png" alt="Download icon"> Beispieldatei Control JSON</a>
+        <a href="exampleData/20220708_8305_SN1842876.xml" class="download-link"><img src="img/download.png" alt="Download icon"> Beispieldatei XML DCC</a>
+		<a href="exampleData/20220708_8305_SN1842876_Auswertung_WRefTAndDSI.xlsx" class="download-link"><img src="img/download.png" alt="Download icon"> XLSX Datei mit Daten+Metadaten</a>
+      </div>
+      <a href="https://gitlab1.ptb.de/digitaldynamicmeasurement/tabletoolrestapiwebgui" class="git-link">
+        <img src="img/Git.png" alt="Git icon"> Dieses Projekt auf Gitlab
+      </a>
     </article>
   </main>
 </body>