added

Author: GitProHub11

images/favicon-32x32.png

@@ -0,0 +1,19 @@
+body {
+  background-color: rgb(7, 7, 7);
+}
+h1 {
+  color: rgb(238, 238, 243);
+}
+p {
+  color: rgb(245, 244, 244);
+}
+p {
+    border: 2px solid rgb(247, 13, 5);
+    padding: 30px;
+  }
+
+
+
+  
+
+  

images/favicon.ico

@@ -0,0 +1,25 @@
+const tabItems = document.querySelectorAll(".tab-item");
+const tabContentItems = document.querySelectorAll(".tab-content-item");
+
+// Select tab content
+function selectItem(e) {
+  removeBorder();
+  removeShow();
+  // Add border to current tab
+  this.classList.add("tab-border");
+  // Grab content item from DOM
+  const tabContentItem = document.querySelector(`#${this.id}-content`);
+  // Add show class
+  tabContentItem.classList.add("show");
+}
+
+function removeBorder() {
+  tabItems.forEach((item) => item.classList.remove("tab-border"));
+}
+
+function removeShow() {
+  tabContentItems.forEach((item) => item.classList.remove("show"));
+}
+
+// Listen for tab click
+tabItems.forEach((item) => item.addEventListener("click", selectItem));

index.html

@@ -0,0 +1,10 @@
+h1 {
+    color: blue;
+    font-family: verdana;
+    font-size: 300%;
+  }
+  p {
+    color: rgb(230, 222, 220);
+    font-family: courier;
+    font-size: 160%;
+  }