From 64924ceb47ccd4380fa06ec591190fa11712982c Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 10:57:22 +0100
Subject: [PATCH 01/11] test commit

---
 .idea/.gitignore     |  5 +++++
 .idea/eniac-site.iml | 12 ++++++++++++
 .idea/modules.xml    |  8 ++++++++
 .idea/vcs.xml        |  6 ++++++
 4 files changed, 31 insertions(+)
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/eniac-site.iml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/eniac-site.iml b/.idea/eniac-site.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/eniac-site.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..d991974
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/eniac-site.iml" filepath="$PROJECT_DIR$/.idea/eniac-site.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

From 70dd408c573a767b0ed81b3ba7106e14365b62d1 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 11:01:22 +0100
Subject: [PATCH 02/11] changed 'your' into 'my'

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 000def2..64aa3f9 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@ <h1 class="w3-wide"><b>ENIAC</b></h1>
 
   <!-- Top header -->
   <header class="w3-container w3-xlarge">
-    <p class="w3-left">Your online store for Apple products & accessories</p>
+    <p class="w3-left">My online store for Apple products & accessories</p>
     <p class="w3-right">
       <i class="fa fa-shopping-cart w3-margin-right"></i>
       <i class="fa fa-search"></i>

From 956be88617e08abfa5edd1147d28b198b9d2ce82 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 12:05:04 +0100
Subject: [PATCH 03/11] change Apple to Banana

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 64aa3f9..d7f53a5 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@ <h1 class="w3-wide"><b>ENIAC</b></h1>
 
   <!-- Top header -->
   <header class="w3-container w3-xlarge">
-    <p class="w3-left">My online store for Apple products & accessories</p>
+    <p class="w3-left">My online store for Banana products & accessories</p>
     <p class="w3-right">
       <i class="fa fa-shopping-cart w3-margin-right"></i>
       <i class="fa fa-search"></i>

From 85f80d310c784b7ff2b7457fb00630320f67ac92 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 12:13:05 +0100
Subject: [PATCH 04/11] change my back to your

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index d7f53a5..22243b4 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@ <h1 class="w3-wide"><b>ENIAC</b></h1>
 
   <!-- Top header -->
   <header class="w3-container w3-xlarge">
-    <p class="w3-left">My online store for Banana products & accessories</p>
+    <p class="w3-left">Your online store for Banana products & accessories</p>
     <p class="w3-right">
       <i class="fa fa-shopping-cart w3-margin-right"></i>
       <i class="fa fa-search"></i>

From 5b130f89a3e7a12562329948c1c86010528a699d Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 12:20:06 +0100
Subject: [PATCH 05/11] white button to pink button

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 22243b4..3f3844a 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@ <h1 class="w3-wide"><b>ENIAC</b></h1>
       <h1 class="w3-jumbo w3-hide-small">The best camera is here</h1>
       <h1 class="w3-hide-large w3-hide-medium">The best camera is here</h1>
       <h1 class="w3-hide-small">IPHONE 13</h1>
-      <p><a href="#jeans" class="w3-button w3-white w3-padding-large w3-large">SHOP NOW</a></p>
+      <p><a href="#jeans" class="w3-button w3-pink w3-padding-large w3-large">SHOP NOW</a></p>
     </div>
   </div>
 

From 10fe1ff1a8934525966bdcac7e877c26d3d97f4c Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 13:57:00 +0100
Subject: [PATCH 06/11] added google tag manager in head and body

---
 index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/index.html b/index.html
index 3f3844a..cf8f630 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,15 @@
 <!DOCTYPE html>
 <html>
 <head>
+
+  <!-- Google Tag Manager -->
+  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','GTM-MFXF9NV');</script>
+  <!-- End Google Tag Manager -->
+
 <title>Eniac</title>
 </head>
 <meta charset="UTF-8">
@@ -15,6 +24,11 @@
 </style>
 <body class="w3-content" style="max-width:1200px">
 
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MFXF9NV"
+                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->
+
 <!-- Sidebar/menu -->
 <nav class="w3-sidebar w3-bar-block w3-white w3-collapse w3-top" style="z-index:3;width:250px" id="mySidebar">
   <div class="w3-container w3-display-container w3-padding-16">

From 80eb854768cef656c1d793478aa42c8f66d6dd2e Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 14:11:08 +0100
Subject: [PATCH 07/11] reformat code

---
 index.html | 424 ++++++++++++++++++++++++++++-------------------------
 1 file changed, 224 insertions(+), 200 deletions(-)

diff --git a/index.html b/index.html
index cf8f630..a45a995 100644
--- a/index.html
+++ b/index.html
@@ -2,258 +2,282 @@
 <html>
 <head>
 
-  <!-- Google Tag Manager -->
-  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-MFXF9NV');</script>
-  <!-- End Google Tag Manager -->
+    <!-- Google Tag Manager -->
+    <script>(function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start':
+                new Date().getTime(), event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-MFXF9NV');</script>
+    <!-- End Google Tag Manager -->
 
-<title>Eniac</title>
+    <title>Eniac</title>
 </head>
 <meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<meta content="width=device-width, initial-scale=1" name="viewport">
+<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
 <style>
-.w3-sidebar a {font-family: "Roboto", sans-serif}
-body,h1,h2,h3,h4,h5,h6,.w3-wide {font-family: "Montserrat", sans-serif;}
+    .w3-sidebar a {
+        font-family: "Roboto", sans-serif
+    }
+
+    body, h1, h2, h3, h4, h5, h6, .w3-wide {
+        font-family: "Montserrat", sans-serif;
+    }
 </style>
 <body class="w3-content" style="max-width:1200px">
 
 <!-- Google Tag Manager (noscript) -->
-<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MFXF9NV"
-                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<noscript>
+    <iframe height="0"
+            src="https://www.googletagmanager.com/ns.html?id=GTM-MFXF9NV" style="display:none;visibility:hidden" width="0"></iframe>
+</noscript>
 <!-- End Google Tag Manager (noscript) -->
 
 <!-- Sidebar/menu -->
-<nav class="w3-sidebar w3-bar-block w3-white w3-collapse w3-top" style="z-index:3;width:250px" id="mySidebar">
-  <div class="w3-container w3-display-container w3-padding-16">
-    <i onclick="w3_close()" class="fa fa-remove w3-hide-large w3-button w3-display-topright"></i>
-    <h1 class="w3-wide"><b>ENIAC</b></h1>
-  </div>
-  <div class="w3-padding-64 w3-large w3-text-grey" style="font-weight:bold">
-    <a href="#" class="w3-bar-item w3-button">Mac</a>
-    <a href="#" class="w3-bar-item w3-button">iPhone</a>
-    <a onclick="myAccFunc()" href="javascript:void(0)" class="w3-button w3-block w3-white w3-left-align" id="myBtn">
-      Accessories <i class="fa fa-caret-down"></i>
-    </a>
-    <div id="demoAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium">
-      <a href="#" class="w3-bar-item w3-button w3-light-grey"><i class="fa fa-caret-right w3-margin-right"></i>Chargers & Cables</a>
-      <a href="#" class="w3-bar-item w3-button">iPhone Accessories</a>
-      <a href="#" class="w3-bar-item w3-button">Watch Accessories</a>
-      <a href="#" class="w3-bar-item w3-button">Mac Accessories</a>
-      <a href="#" class="w3-bar-item w3-button">AirTag</a>
+<nav class="w3-sidebar w3-bar-block w3-white w3-collapse w3-top" id="mySidebar" style="z-index:3;width:250px">
+    <div class="w3-container w3-display-container w3-padding-16">
+        <i class="fa fa-remove w3-hide-large w3-button w3-display-topright" onclick="w3_close()"></i>
+        <h1 class="w3-wide"><b>ENIAC</b></h1>
+    </div>
+    <div class="w3-padding-64 w3-large w3-text-grey" style="font-weight:bold">
+        <a class="w3-bar-item w3-button" href="#">Mac</a>
+        <a class="w3-bar-item w3-button" href="#">iPhone</a>
+        <a class="w3-button w3-block w3-white w3-left-align" href="javascript:void(0)" id="myBtn" onclick="myAccFunc()">
+            Accessories <i class="fa fa-caret-down"></i>
+        </a>
+        <div class="w3-bar-block w3-hide w3-padding-large w3-medium" id="demoAcc">
+            <a class="w3-bar-item w3-button w3-light-grey" href="#"><i class="fa fa-caret-right w3-margin-right"></i>Chargers
+                & Cables</a>
+            <a class="w3-bar-item w3-button" href="#">iPhone Accessories</a>
+            <a class="w3-bar-item w3-button" href="#">Watch Accessories</a>
+            <a class="w3-bar-item w3-button" href="#">Mac Accessories</a>
+            <a class="w3-bar-item w3-button" href="#">AirTag</a>
+        </div>
+        <a class="w3-bar-item w3-button" href="#">iPad</a>
+        <a class="w3-bar-item w3-button" href="#">Watch</a>
+        <a class="w3-bar-item w3-button" href="#">Storage</a>
+        <a class="w3-bar-item w3-button" href="#">Services</a>
     </div>
-    <a href="#" class="w3-bar-item w3-button">iPad</a>
-    <a href="#" class="w3-bar-item w3-button">Watch</a>
-    <a href="#" class="w3-bar-item w3-button">Storage</a>
-    <a href="#" class="w3-bar-item w3-button">Services</a>
-  </div>
-  <a href="#footer" class="w3-bar-item w3-button w3-padding">Contact</a>
-  <a href="javascript:void(0)" class="w3-bar-item w3-button w3-padding" onclick="document.getElementById('newsletter').style.display='block'">Newsletter</a>
-  <a href="#footer"  class="w3-bar-item w3-button w3-padding">Subscribe</a>
+    <a class="w3-bar-item w3-button w3-padding" href="#footer">Contact</a>
+    <a class="w3-bar-item w3-button w3-padding" href="javascript:void(0)"
+       onclick="document.getElementById('newsletter').style.display='block'">Newsletter</a>
+    <a class="w3-bar-item w3-button w3-padding" href="#footer">Subscribe</a>
 </nav>
 
 <!-- Top menu on small screens -->
 <header class="w3-bar w3-top w3-hide-large w3-black w3-xlarge">
-  <div class="w3-bar-item w3-padding-24 w3-wide">ENIAC</div>
-  <a href="javascript:void(0)" class="w3-bar-item w3-button w3-padding-24 w3-right" onclick="w3_open()"><i class="fa fa-bars"></i></a>
+    <div class="w3-bar-item w3-padding-24 w3-wide">ENIAC</div>
+    <a class="w3-bar-item w3-button w3-padding-24 w3-right" href="javascript:void(0)" onclick="w3_open()"><i
+            class="fa fa-bars"></i></a>
 </header>
 
 <!-- Overlay effect when opening sidebar on small screens -->
-<div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
+<div class="w3-overlay w3-hide-large" id="myOverlay" onclick="w3_close()" style="cursor:pointer"
+     title="close side menu"></div>
 
 <!-- !PAGE CONTENT! -->
 <div class="w3-main" style="margin-left:250px">
 
-  <!-- Push down content on small screens -->
-  <div class="w3-hide-large" style="margin-top:83px"></div>
+    <!-- Push down content on small screens -->
+    <div class="w3-hide-large" style="margin-top:83px"></div>
 
-  <!-- Top header -->
-  <header class="w3-container w3-xlarge">
-    <p class="w3-left">Your online store for Banana products & accessories</p>
-    <p class="w3-right">
-      <i class="fa fa-shopping-cart w3-margin-right"></i>
-      <i class="fa fa-search"></i>
-    </p>
-  </header>
+    <!-- Top header -->
+    <header class="w3-container w3-xlarge">
+        <p class="w3-left">Your online store for Banana products & accessories</p>
+        <p class="w3-right">
+            <i class="fa fa-shopping-cart w3-margin-right"></i>
+            <i class="fa fa-search"></i>
+        </p>
+    </header>
 
-  <!-- Image header -->
-  <div class="w3-display-container w3-container">
-    <img src="images/iphone13_cover.jpeg" alt="Jeans" style="width:100%">
-    <div class="w3-display-topleft w3-text-white" style="padding:24px 48px">
-      <h1 class="w3-jumbo w3-hide-small">The best camera is here</h1>
-      <h1 class="w3-hide-large w3-hide-medium">The best camera is here</h1>
-      <h1 class="w3-hide-small">IPHONE 13</h1>
-      <p><a href="#jeans" class="w3-button w3-pink w3-padding-large w3-large">SHOP NOW</a></p>
+    <!-- Image header -->
+    <div class="w3-display-container w3-container">
+        <img alt="Jeans" src="images/iphone13_cover.jpeg" style="width:100%">
+        <div class="w3-display-topleft w3-text-white" style="padding:24px 48px">
+            <h1 class="w3-jumbo w3-hide-small">The best camera is here</h1>
+            <h1 class="w3-hide-large w3-hide-medium">The best camera is here</h1>
+            <h1 class="w3-hide-small">IPHONE 13</h1>
+            <p><a class="w3-button w3-pink w3-padding-large w3-large" href="#jeans">SHOP NOW</a></p>
+        </div>
     </div>
-  </div>
 
-  <div class="w3-container w3-text-grey" id="jeans">
-    <p>8 items</p>
-  </div>
-
-  <!-- Product grid -->
-  <div class="w3-row w3-grayscale">
-    <div class="w3-col l3 s6">
-      <div class="w3-container">
-        <img src="images/abstract-case.jpg" style="width:100%">
-        <p>Abstract iPhone case<br><b>24,99€</b></p>
-      </div>
-      <div class="w3-container">
-        <img src="images/airpods.jpeg" style="width:100%">
-        <p>AirPods<br><b>159,99€</b></p>
-      </div>
+    <div class="w3-container w3-text-grey" id="jeans">
+        <p>8 items</p>
     </div>
 
-    <div class="w3-col l3 s6">
-      <div class="w3-container">
-        <div class="w3-display-container">
-          <img src="images/watch-lgtb.jpeg" style="width:100%">
-          <span class="w3-tag w3-display-topleft">New</span>
-          <div class="w3-display-middle w3-display-hover">
-            <button class="w3-button w3-black">Buy now <i class="fa fa-shopping-cart"></i></button>
-          </div>
+    <!-- Product grid -->
+    <div class="w3-row w3-grayscale">
+        <div class="w3-col l3 s6">
+            <div class="w3-container">
+                <img src="images/abstract-case.jpg" style="width:100%">
+                <p>Abstract iPhone case<br><b>24,99€</b></p>
+            </div>
+            <div class="w3-container">
+                <img src="images/airpods.jpeg" style="width:100%">
+                <p>AirPods<br><b>159,99€</b></p>
+            </div>
         </div>
-        <p>Pride Watch strap<br><b>19.99€</b></p>
-      </div>
-      <div class="w3-container">
-        <img src="images/blue-strap.jpeg" style="width:100%">
-        <p>Blue Watch strap<br><b>20.50€</b></p>
-      </div>
-    </div>
 
-    <div class="w3-col l3 s6">
-      <div class="w3-container">
-        <img src="images/cartoon-case.jpg" style="width:100%">
-        <p>Mushrooms iPhone case<br><b>20.50€</b></p>
-      </div>
-      <div class="w3-container">
-        <div class="w3-display-container">
-          <img src="images/hermes-case.jpeg" style="width:100%">
-          <span class="w3-tag w3-display-topleft">Sale</span>
-          <div class="w3-display-middle w3-display-hover">
-            <button class="w3-button w3-black">Buy now <i class="fa fa-shopping-cart"></i></button>
-          </div>
+        <div class="w3-col l3 s6">
+            <div class="w3-container">
+                <div class="w3-display-container">
+                    <img src="images/watch-lgtb.jpeg" style="width:100%">
+                    <span class="w3-tag w3-display-topleft">New</span>
+                    <div class="w3-display-middle w3-display-hover">
+                        <button class="w3-button w3-black">Buy now <i class="fa fa-shopping-cart"></i></button>
+                    </div>
+                </div>
+                <p>Pride Watch strap<br><b>19.99€</b></p>
+            </div>
+            <div class="w3-container">
+                <img src="images/blue-strap.jpeg" style="width:100%">
+                <p>Blue Watch strap<br><b>20.50€</b></p>
+            </div>
+        </div>
+
+        <div class="w3-col l3 s6">
+            <div class="w3-container">
+                <img src="images/cartoon-case.jpg" style="width:100%">
+                <p>Mushrooms iPhone case<br><b>20.50€</b></p>
+            </div>
+            <div class="w3-container">
+                <div class="w3-display-container">
+                    <img src="images/hermes-case.jpeg" style="width:100%">
+                    <span class="w3-tag w3-display-topleft">Sale</span>
+                    <div class="w3-display-middle w3-display-hover">
+                        <button class="w3-button w3-black">Buy now <i class="fa fa-shopping-cart"></i></button>
+                    </div>
+                </div>
+                <p>Hermes iPhone case<br><b class="w3-text-red">349.99€</b></p>
+            </div>
+        </div>
+
+        <div class="w3-col l3 s6">
+            <div class="w3-container">
+                <img src="images/leopard-case.jpg" style="width:100%">
+                <p>Leopard iPhone case<br><b>14.99€</b></p>
+            </div>
+            <div class="w3-container">
+                <img src="images/magnetic-case.jpeg" style="width:100%">
+                <p>Mag-Safe iPhone case<br><b>24.99€</b></p>
+            </div>
         </div>
-        <p>Hermes iPhone case<br><b class="w3-text-red">349.99€</b></p>
-      </div>
     </div>
 
-    <div class="w3-col l3 s6">
-      <div class="w3-container">
-        <img src="images/leopard-case.jpg" style="width:100%">
-        <p>Leopard iPhone case<br><b>14.99€</b></p>
-      </div>
-      <div class="w3-container">
-        <img src="images/magnetic-case.jpeg" style="width:100%">
-        <p>Mag-Safe iPhone case<br><b>24.99€</b></p>
-      </div>
+    <!-- Subscribe section -->
+    <div class="w3-container w3-black w3-padding-32">
+        <h1>Subscribe</h1>
+        <p>To get special offers and VIP treatment:</p>
+        <p><input class="w3-input w3-border" placeholder="Enter e-mail" style="width:100%" type="text"></p>
+        <button class="w3-button w3-red w3-margin-bottom" type="button">Subscribe</button>
     </div>
-  </div>
 
-  <!-- Subscribe section -->
-  <div class="w3-container w3-black w3-padding-32">
-    <h1>Subscribe</h1>
-    <p>To get special offers and VIP treatment:</p>
-    <p><input class="w3-input w3-border" type="text" placeholder="Enter e-mail" style="width:100%"></p>
-    <button type="button" class="w3-button w3-red w3-margin-bottom">Subscribe</button>
-  </div>
+    <!-- Footer -->
+    <footer class="w3-padding-64 w3-light-grey w3-small w3-center" id="footer">
+        <div class="w3-row-padding">
+            <div class="w3-col s4">
+                <h4>Contact</h4>
+                <p>Questions? Go ahead.</p>
+                <form action="/action_page.php" target="_blank">
+                    <p><input class="w3-input w3-border" name="Name" placeholder="Name" required type="text"></p>
+                    <p><input class="w3-input w3-border" name="Email" placeholder="Email" required type="text"></p>
+                    <p><input class="w3-input w3-border" name="Subject" placeholder="Subject" required type="text"></p>
+                    <p><input class="w3-input w3-border" name="Message" placeholder="Message" required type="text"></p>
+                    <button class="w3-button w3-block w3-black" type="submit">Send</button>
+                </form>
+            </div>
 
-  <!-- Footer -->
-  <footer class="w3-padding-64 w3-light-grey w3-small w3-center" id="footer">
-    <div class="w3-row-padding">
-      <div class="w3-col s4">
-        <h4>Contact</h4>
-        <p>Questions? Go ahead.</p>
-        <form action="/action_page.php" target="_blank">
-          <p><input class="w3-input w3-border" type="text" placeholder="Name" name="Name" required></p>
-          <p><input class="w3-input w3-border" type="text" placeholder="Email" name="Email" required></p>
-          <p><input class="w3-input w3-border" type="text" placeholder="Subject" name="Subject" required></p>
-          <p><input class="w3-input w3-border" type="text" placeholder="Message" name="Message" required></p>
-          <button type="submit" class="w3-button w3-block w3-black">Send</button>
-        </form>
-      </div>
+            <div class="w3-col s4">
+                <h4>About</h4>
+                <p><a href="#">About us</a></p>
+                <p><a href="#">We're hiring</a></p>
+                <p><a href="#">Support</a></p>
+                <p><a href="#">Find store</a></p>
+                <p><a href="#">Shipment</a></p>
+                <p><a href="#">Payment</a></p>
+                <p><a href="#">Gift card</a></p>
+                <p><a href="#">Return</a></p>
+                <p><a href="#">Help</a></p>
+            </div>
 
-      <div class="w3-col s4">
-        <h4>About</h4>
-        <p><a href="#">About us</a></p>
-        <p><a href="#">We're hiring</a></p>
-        <p><a href="#">Support</a></p>
-        <p><a href="#">Find store</a></p>
-        <p><a href="#">Shipment</a></p>
-        <p><a href="#">Payment</a></p>
-        <p><a href="#">Gift card</a></p>
-        <p><a href="#">Return</a></p>
-        <p><a href="#">Help</a></p>
-      </div>
+            <div class="w3-col s4 w3-justify">
+                <h4>Store</h4>
+                <p><i class="fa fa-fw fa-map-marker"></i> Company Name</p>
+                <p><a class="fa fa-fw fa-phone" href="tel:+34626553368"></a> 626553368</p>
+                <p><i class="fa fa-fw fa-envelope"></i> ex@mail.com</p>
+                <h4>We accept</h4>
+                <p><i class="fa fa-fw fa-cc-amex"></i> Amex</p>
+                <p><i class="fa fa-fw fa-credit-card"></i> Credit Card</p>
+                <br>
+                <i class="fa fa-facebook-official w3-hover-opacity w3-large"></i>
+                <i class="fa fa-instagram w3-hover-opacity w3-large"></i>
+                <i class="fa fa-snapchat w3-hover-opacity w3-large"></i>
+                <i class="fa fa-pinterest-p w3-hover-opacity w3-large"></i>
+                <i class="fa fa-twitter w3-hover-opacity w3-large"></i>
+                <i class="fa fa-linkedin w3-hover-opacity w3-large"></i>
+            </div>
+        </div>
+    </footer>
 
-      <div class="w3-col s4 w3-justify">
-        <h4>Store</h4>
-        <p><i class="fa fa-fw fa-map-marker"></i> Company Name</p>
-        <p><a href="tel:+34626553368" class="fa fa-fw fa-phone"></a> 626553368</p>
-        <p><i class="fa fa-fw fa-envelope"></i> ex@mail.com</p>
-        <h4>We accept</h4>
-        <p><i class="fa fa-fw fa-cc-amex"></i> Amex</p>
-        <p><i class="fa fa-fw fa-credit-card"></i> Credit Card</p>
-        <br>
-        <i class="fa fa-facebook-official w3-hover-opacity w3-large"></i>
-        <i class="fa fa-instagram w3-hover-opacity w3-large"></i>
-        <i class="fa fa-snapchat w3-hover-opacity w3-large"></i>
-        <i class="fa fa-pinterest-p w3-hover-opacity w3-large"></i>
-        <i class="fa fa-twitter w3-hover-opacity w3-large"></i>
-        <i class="fa fa-linkedin w3-hover-opacity w3-large"></i>
-      </div>
+    <div class="w3-black w3-center w3-padding-24">Powered by <a class="w3-hover-opacity"
+                                                                href="https://www.w3schools.com/w3css/default.asp" target="_blank" title="W3.CSS">w3.css</a>
     </div>
-  </footer>
-
-  <div class="w3-black w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div>
 
-  <!-- End page content -->
+    <!-- End page content -->
 </div>
 
 <!-- Newsletter Modal -->
-<div id="newsletter" class="w3-modal">
-  <div class="w3-modal-content w3-animate-zoom" style="padding:32px">
-    <div class="w3-container w3-white w3-center">
-      <i onclick="document.getElementById('newsletter').style.display='none'" class="fa fa-remove w3-right w3-button w3-transparent w3-xxlarge"></i>
-      <h2 class="w3-wide">NEWSLETTER</h2>
-      <p>Join our mailing list to receive updates on new arrivals and special offers.</p>
-      <p><input class="w3-input w3-border" type="text" placeholder="Enter e-mail"></p>
-      <button type="button" class="w3-button w3-padding-large w3-red w3-margin-bottom" onclick="document.getElementById('newsletter').style.display='none'">Subscribe</button>
+<div class="w3-modal" id="newsletter">
+    <div class="w3-modal-content w3-animate-zoom" style="padding:32px">
+        <div class="w3-container w3-white w3-center">
+            <i class="fa fa-remove w3-right w3-button w3-transparent w3-xxlarge"
+               onclick="document.getElementById('newsletter').style.display='none'"></i>
+            <h2 class="w3-wide">NEWSLETTER</h2>
+            <p>Join our mailing list to receive updates on new arrivals and special offers.</p>
+            <p><input class="w3-input w3-border" placeholder="Enter e-mail" type="text"></p>
+            <button class="w3-button w3-padding-large w3-red w3-margin-bottom" onclick="document.getElementById('newsletter').style.display='none'"
+                    type="button">Subscribe
+            </button>
+        </div>
     </div>
-  </div>
 </div>
 
 <script>
-// Accordion
-function myAccFunc() {
-  var x = document.getElementById("demoAcc");
-  if (x.className.indexOf("w3-show") == -1) {
-    x.className += " w3-show";
-  } else {
-    x.className = x.className.replace(" w3-show", "");
-  }
-}
+    // Accordion
+    function myAccFunc() {
+        var x = document.getElementById("demoAcc");
+        if (x.className.indexOf("w3-show") == -1) {
+            x.className += " w3-show";
+        } else {
+            x.className = x.className.replace(" w3-show", "");
+        }
+    }
 
-// Click on the "Jeans" link on page load to open the accordion for demo purposes
-document.getElementById("myBtn").click();
+    // Click on the "Jeans" link on page load to open the accordion for demo purposes
+    document.getElementById("myBtn").click();
 
 
-// Open and close sidebar
-function w3_open() {
-  document.getElementById("mySidebar").style.display = "block";
-  document.getElementById("myOverlay").style.display = "block";
-}
+    // Open and close sidebar
+    function w3_open() {
+        document.getElementById("mySidebar").style.display = "block";
+        document.getElementById("myOverlay").style.display = "block";
+    }
 
-function w3_close() {
-  document.getElementById("mySidebar").style.display = "none";
-  document.getElementById("myOverlay").style.display = "none";
-}
+    function w3_close() {
+        document.getElementById("mySidebar").style.display = "none";
+        document.getElementById("myOverlay").style.display = "none";
+    }
 </script>
 
 </body>

From ff330a5309fc97c0bfa70d88ef08fabe2c391be3 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 15:55:29 +0100
Subject: [PATCH 08/11] added google optimize in header

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a45a995..a4b2ad1 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
 <html>
 <head>
-
+    <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NDRZGNW"></script>
+    
     <!-- Google Tag Manager -->
     <script>(function (w, d, s, l, i) {
         w[l] = w[l] || [];

From 1b774f4bf932910eb057ff40c0eb39a9e9d4e2a6 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 16:11:32 +0100
Subject: [PATCH 09/11] added google anti-flicker snippet

---
 index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a4b2ad1..3411241 100644
--- a/index.html
+++ b/index.html
@@ -1,8 +1,16 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <!-- anti-flicker snippet (recommended)  -->
+    <style>.async-hide { opacity: 0 !important} </style>
+    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
+        h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
+        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
+    })(window,document.documentElement,'async-hide','dataLayer',4000,
+        {'GTM-MFXF9NV':true});</script>
+
     <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NDRZGNW"></script>
-    
+
     <!-- Google Tag Manager -->
     <script>(function (w, d, s, l, i) {
         w[l] = w[l] || [];

From 5385094e0c18d3933a53475cea61beeffd179545 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 16:34:28 +0100
Subject: [PATCH 10/11] comment out anti-flicker

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 3411241..3414a97 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <!-- anti-flicker snippet (recommended)  -->
-    <style>.async-hide { opacity: 0 !important} </style>
-    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
-        h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
-        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
-    })(window,document.documentElement,'async-hide','dataLayer',4000,
-        {'GTM-MFXF9NV':true});</script>
+<!--    &lt;!&ndash; anti-flicker snippet (recommended)  &ndash;&gt;-->
+<!--    <style>.async-hide { opacity: 0 !important} </style>-->
+<!--    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;-->
+<!--        h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};-->
+<!--        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;-->
+<!--    })(window,document.documentElement,'async-hide','dataLayer',4000,-->
+<!--        {'GTM-MFXF9NV':true});</script>-->
 
     <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NDRZGNW"></script>
 

From 8431bdca28161df54c31f4b6399f5e943a4c19f3 Mon Sep 17 00:00:00 2001
From: Pttmr <pottmeier13@gmail.com>
Date: Tue, 15 Feb 2022 17:10:52 +0100
Subject: [PATCH 11/11] added anti-flicker again

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 3414a97..3411241 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html>
 <head>
-<!--    &lt;!&ndash; anti-flicker snippet (recommended)  &ndash;&gt;-->
-<!--    <style>.async-hide { opacity: 0 !important} </style>-->
-<!--    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;-->
-<!--        h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};-->
-<!--        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;-->
-<!--    })(window,document.documentElement,'async-hide','dataLayer',4000,-->
-<!--        {'GTM-MFXF9NV':true});</script>-->
+    <!-- anti-flicker snippet (recommended)  -->
+    <style>.async-hide { opacity: 0 !important} </style>
+    <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
+        h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
+        (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
+    })(window,document.documentElement,'async-hide','dataLayer',4000,
+        {'GTM-MFXF9NV':true});</script>
 
     <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NDRZGNW"></script>