update product list & image

index.html

@@ -148,7 +148,6 @@
         <div class="intro__overlay"></div>
       </div>
     </div>
-
     <div class="blockChat">
       <a
         href="https://m.me/izaass.anons"
@@ -198,6 +197,15 @@
               style="color: #74c0fc"
             ></i
           ></a>
+          <!-- Zalo -->
+          <a
+          class="btn text-white btn-floating m-1"
+          style="background-color: #333333; padding: 5px;"
+          href="https://zalo.me/0777123799"
+          role="button"
+          target="_blank"
+          >        <img class="fa-brands" style="width: 30px; height: auto;" src="images/icon/icZalo.png" alt="zalo-icon" />
+        </a>
         </section>
         <!-- Section: Social media -->
       </div>
@@ -226,7 +234,7 @@
       referrerpolicy="no-referrer"
     ></script>
     <script src="./js/app.js"></script>
-    <script type="text/javascript" src="https://phihungvohoang.github.io/js/script.js"></script>
+    <script src="./js/script.js"></script>
 
   </body>
 </html>

js/script.js

@@ -0,0 +1,32 @@
+$(document).ready(function () {
+  let loading = $(".blockLoading");
+  let loadWeb = $(".blockLoadWeb");
+  let loadContent = $(".blockContent");
+  let loadBody = $("body");
+  let loadHTML = $("html");
+  let itemTab = $(".item__listChild--item");
+  let itemCate = $(".blockMenu__listCate--item");
+  loadWeb.addClass("active");
+  loadBody.addClass("disabled");
+  loadHTML.addClass("disabled");
+
+  setTimeout(function () {
+    loadWeb.removeClass("active");
+  }, 2000);
+
+  setTimeout(function () {
+    loadContent.removeClass("disabled");
+    loadBody.removeClass("disabled");
+    loadHTML.removeClass("disabled");
+  }, 2600);
+
+  loadBody.click(function () {
+    itemCate.removeClass("active");
+  });
+
+  itemCate.click(function (e) {
+    e.stopPropagation();
+    itemCate.removeClass("active");
+    $(this).addClass("active");
+  });
+});

json/cars2.json

@@ -691,23 +691,23 @@
   },
   {
     "id": 70,
-    "name": "MANGA TURNER (RED)",
-    "price": "222.222đ",
-    "image": "images/product/basic/basic-200k-1.png",
+    "name": "Total Disposal (Green) 2021",
+    "price": "80.000đ",
+    "image": "images/product/total-disposal.png",
     "condition": "New",
-    "stock": 2,
+    "stock": 1,
     "type": "basic",
-    "tags": ["Toon"]
+    "tags": []
   },
   {
     "id": 71,
-    "name": "MANGA TURNER (Pink)",
-    "price": "222.222đ",
-    "image": "images/product/basic/basic-200k-2.png",
+    "name": "Quick Bite (Green)",
+    "price": "80.000đ",
+    "image": "images/product/quick-bite.png",
     "condition": "New",
     "stock": 1,
     "type": "basic",
-    "tags": ["Toon"]
+    "tag,s": []
   },
   {
     "id": 72,
@@ -1011,16 +1011,6 @@
   },
   {
     "id": 102,
-    "name": "Quick Bite (Green)",
-    "price": "80.000đ",
-    "image": "images/product/quick-bite.png",
-    "condition": "New",
-    "stock": 1,
-    "type": "basic",
-    "tags": []
-  },
-  {
-    "id": 103,
     "name": "Shelby Cobra Daytona Coupe Gulf (Cyan)",
     "price": "100.000đ",
     "image": "images/product/Shelby Cobra Daytona Coupe Gulf.png",
@@ -1030,7 +1020,7 @@
     "tags": []
   },
   {
-    "id": 104,
+    "id": 103,
     "name": "The Mystery Machine (Cyan)",
     "price": "120.000đ",
     "image": "images/product/The Mystery Machine.png",
@@ -1039,14 +1029,24 @@
     "type": "basic",
     "tags": ["Toon"]
   },
+  {
+    "id": 104,
+    "name": "MANGA TUNER (RED)",
+    "price": "222.222đ",
+    "image": "images/product/basic/basic-200k-1.png",
+    "condition": "New",
+    "stock": 2,
+    "type": "basic",
+    "tags": ["Toon"]
+  },
   {
     "id": 105,
-    "name": "Total Disposal (Green) 2021",
-    "price": "80.000đ",
-    "image": "images/product/total-disposal.png",
+    "name": "MANGA TUNER (Pink)",
+    "price": "222.222đ",
+    "image": "images/product/basic/basic-200k-2.png",
     "condition": "New",
     "stock": 1,
     "type": "basic",
-    "tags": []
+    "tags": ["Toon"]
   }
 ]