added bootstrap

js/icons.js

@@ -1,4 +1,4 @@
-const iconsArea = document.querySelector(".icons");
+const iconsArea = document.querySelector("#icons");
 
 const icons = [
   {
@@ -60,9 +60,11 @@ const icons = [
 ];
 
 icons.map((icon) => {
-  iconsArea.innerHTML += `<div class="icon">
-                <a href="${icon.href}">
-                    <img src="${icon.img}" alt="${icon.alt}" />
-                </a>
-            </div>`;
+  iconsArea.innerHTML += `<div class="card" style="width: 16rem;">
+    <img src="${icon.img}" alt="${icon.alt}" class="card-img-top">
+    <div class="card-body">
+      <h5 class="card-title">${icon.text}</h5>
+      <a href="${icon.href}" class="btn btn-primary">Visit</a>
+    </div>
+  </div>`;
 });