diff --git a/groupTasks/groups/shx-product-label/backPage.html b/groupTasks/groups/old-shx-product-label/backPage.html
similarity index 100%
rename from groupTasks/groups/shx-product-label/backPage.html
rename to groupTasks/groups/old-shx-product-label/backPage.html
diff --git a/groupTasks/groups/shx-product-label/frontPage.html b/groupTasks/groups/old-shx-product-label/frontPage.html
similarity index 100%
rename from groupTasks/groups/shx-product-label/frontPage.html
rename to groupTasks/groups/old-shx-product-label/frontPage.html
diff --git a/groupTasks/groups/old-shx-product-label/index.js b/groupTasks/groups/old-shx-product-label/index.js
new file mode 100644
index 0000000..fa23691
--- /dev/null
+++ b/groupTasks/groups/old-shx-product-label/index.js
@@ -0,0 +1,141 @@
+const PRODUCT_NAME = "{{PRODUCT_NAME}}", // Gizmo die Eidechse
+ PRODUCT_COLOR = "{{PRODUCT_COLOR}}", // Farbe Grün/Blau/Orange
+ PRODUCT_COLOR_CHARACTERISTICS = "{{PRODUCT_COLOR_CHARACTERISTICS}}", // (Glänzend)
+ PRODUCT_ID = "{{PRODUCT_ID}}"; // #32420
+
+window.onload = () => {
+ for (let i = 0; i < 10; i++) {
+ let labels = document.getElementById("labels");
+
+ /* CONTAINER */
+
+ const container = document.createElement("div");
+ container.className = "container";
+
+ /* FIRST */
+
+ const div = document.createElement("div");
+
+ const background = document.createElement("div");
+ background.className = "background";
+
+ const content = document.createElement("div");
+ content.className = "content";
+
+ const productName = document.createElement("h1");
+ productName.innerHTML = PRODUCT_NAME;
+
+ const productColor = document.createElement("p");
+ productColor.innerHTML = PRODUCT_COLOR;
+ productColor.className = "product-color";
+
+ const productColorCharacteristics = document.createElement("p");
+ productColorCharacteristics.innerHTML = PRODUCT_COLOR_CHARACTERISTICS;
+ productColorCharacteristics.className = "product-color";
+
+ const productId = document.createElement("p");
+ productId.innerHTML = PRODUCT_ID;
+ productId.className = "product-id";
+
+ const contentDiv = document.createElement("div");
+
+ contentDiv.appendChild(productName);
+ contentDiv.appendChild(productColor);
+ contentDiv.appendChild(productColorCharacteristics);
+ contentDiv.appendChild(productId);
+
+ content.appendChild(contentDiv);
+
+ div.appendChild(background);
+ div.appendChild(content);
+
+ container.appendChild(div);
+
+ /* SECOND */
+
+ const div2 = document.createElement("div");
+
+ const manufacturerInfo = document.createElement("div");
+ manufacturerInfo.className = "manufacturer-info";
+
+ const manufacturer = document.createElement("p");
+ manufacturer.innerHTML = "Hersteller: Jan Umbach";
+
+ const address = document.createElement("p");
+ address.innerHTML = "Tannenwäldchen 20";
+
+ const zipCity = document.createElement("p");
+ zipCity.innerHTML = "D-34212 Melsungen";
+
+ manufacturerInfo.appendChild(manufacturer);
+ manufacturerInfo.appendChild(address);
+ manufacturerInfo.appendChild(zipCity);
+
+ div2.appendChild(manufacturerInfo);
+
+ const additionalInfo = document.createElement("div");
+ additionalInfo.className = "additional-info";
+
+ const additionalInfoText = document.createElement("p");
+ additionalInfoText.innerHTML = "Made in Germany";
+
+ const imgContainer = document.createElement("div");
+ imgContainer.className = "img-container";
+
+ const childrenImg = document.createElement("img");
+ childrenImg.src = "../../groupsData/shx-product-label/children.jpg";
+ childrenImg.alt = "children";
+ childrenImg.className = "children";
+
+ const ceImg = document.createElement("img");
+ ceImg.src = "../../groupsData/shx-product-label/ce.svg";
+ ceImg.alt = "ce";
+ ceImg.className = "ce";
+
+ imgContainer.appendChild(childrenImg);
+ imgContainer.appendChild(ceImg);
+
+ additionalInfo.appendChild(additionalInfoText);
+ additionalInfo.appendChild(imgContainer);
+
+ div2.appendChild(additionalInfo);
+
+ container.appendChild(div2);
+
+ labels.appendChild(container);
+ }
+};
+
+/*
+
+
+
+
+
+
+
Gizmo die Eidechse
+
Farbe Grün/Blau/Orange
+
(Glänzend)
+
#32420
+
+
+
+
+
+
+
Hersteller: Jan Umbach
+
Tannenwäldchen 20
+
D-34212 Melsungen
+
+
+
+
Made in Germany
+
+
+
+
+
+
+
+
-
-
-
-
-
-
Gizmo die Eidechse
-
Farbe Grün/Blau/Orange
-
(Glänzend)
-
#32420
-
-
-
-
-
-
-
Hersteller: Jan Umbach
-
Tannenwäldchen 20
-
D-34212 Melsungen
-
-
-
-
Made in Germany
-
-
-
-
-
-
-
-