azure-appservice-samples · lukassso · Mar 20, 2019 · Mar 20, 2019 · Mar 20, 2019 · Mar 20, 2019
diff --git a/EULA_ENU.rtf b/EULA_ENU.rtf
diff --git a/HTMLPage.html b/HTMLPage.html
diff --git a/azuredeploy.json b/azuredeploy.json
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="style.css" rel="stylesheet">
+    <title>Document</title>
+
+</head>
+<body>
+
+  <nav class="flex-nav">
+    <div class="container">
+      <div class="grid menu">
+        <div class="column-xs-8 column-md-6">
+          <p id="highlight">Natural Logo</p>
+        </div>
+        <div class="column-xs-4 column-md-6">
+          <a href="#" class="toggle-nav">Menu <i class="ion-navicon-round"></i></a>
+          <ul>
+            <li class="nav-item"><a href="#">Produkty111</a></li>
+            <li class="nav-item"><a href="#">O nas222</a></li>
+            <li class="nav-item"><a href="#">Kontakt</a></li>
+
+          </ul>
+        </div>
+      </div>
+    </div>
+  </nav>
+
+
+  <main>
+    <div class="container">
+      <div class="grid second-nav">
+        <div class="column-xs-12">
+          <nav>
+            <ol class="breadcrumb-list">
+              <li class="breadcrumb-item"><a href="#">Home</a></li>
+              <li class="breadcrumb-item"><a href="#">Household Plants</a></li>
+              <li class="breadcrumb-item active">Świece sojowe</li>
+            </ol>
+          </nav>
+        </div>
+      </div>
+      <div class="grid product">
+        <div class="column-xs-12 column-md-7">
+          <div class="product-gallery">
+            <div class="product-image">
+              <img class="active" src="https://source.unsplash.com/W1yjvf5idqA">
+            </div>
+            <ul class="image-list">
+              <li class="image-item"><img src="https://source.unsplash.com/W1yjvf5idqA"></li>
+              <li class="image-item"><img src="https://source.unsplash.com/VgbUxvW3gS4"></li>
+              <li class="image-item"><img src="https://source.unsplash.com/5WbYFH0kf_8"></li>
+            </ul>
+          </div>
+        </div>
+        <div class="column-xs-12 column-md-5">
+          <h1>Świece sojowe</h1>
+          <h2>199.99 PLN / msc</h2>
+          <div class="description">
+            <p>The purposes of bonsai are primarily contemplation for the viewer, and the pleasant exercise of effort and ingenuity for the grower.</p>
+            <p>By contrast with other plant cultivation practices, bonsai is not intended for production of food or for medicine. Instead, bonsai practice focuses on long-term cultivation and shaping of one or more small trees growing in a container.</p>
+          </div>
+          <button class="add-to-cart">Zapytaj</button>
+        </div>
+      </div>
+      <div class="grid related-products">
+        <div class="column-xs-12">
+          <h3>You may also like</h3>
+        </div>
+        <div class="column-xs-12 column-md-4">
+          <img src="https://source.unsplash.com/miziNqvJx5M">
+          <h4>Succulent</h4>
+          <p class="price">19.99 PLN</p>
+        </div>
+        <div class="column-xs-12 column-md-4">
+          <img src="https://source.unsplash.com/2y6s0qKdGZg">
+          <h4>Terranium</h4>
+          <p class="price">19.99 PLN</p>
+        </div>
+        <div class="column-xs-12 column-md-4">
+          <img src="https://source.unsplash.com/6Rs76hNbIWE">
+          <h4>Cactus</h4>
+          <p class="price">19.99 PLN</p>
+        </div>
+      </div>
+    </div>
+  </main>
+  <footer>
+    <div class="grid">
+      <div class="column-xs-12">
+        <p class="copyright">&copy; Copyright 2018 <a href="https://katherinekato.com" title="Katherine Kato"  target="_blank">Natural & Organic</a></p>
+      </div>
+    </div>
+  </footer>
+<script src="script.js"></script>
+
+</body>
+</html>
diff --git a/package.json b/package.json
diff --git a/public/example.txt b/public/example.txt
diff --git a/readme.md b/readme.md
diff --git a/robots.txt b/robots.txt
diff --git a/script.js b/script.js
@@ -0,0 +1,15 @@
+
+const activeImage = document.querySelector(".product-image .active");
+const productImages = document.querySelectorAll(".image-list img");
+const navItem = document.querySelector('a.toggle-nav');
+
+function changeImage(e) {
+	activeImage.src = e.target.src;
+}
+
+function toggleNavigation(){
+	this.nextElementSibling.classList.toggle('active');
+}
+
+productImages.forEach(image => image.addEventListener("click", changeImage));
+navItem.addEventListener('click', toggleNavigation);
diff --git a/server.js b/server.js