diff --git a/img/dnsmasq-icon.jpeg b/img/dnsmasq-icon.jpeg
new file mode 100644
index 0000000..fd115f0
Binary files /dev/null and b/img/dnsmasq-icon.jpeg differ
diff --git a/img/portainer-icon.webp b/img/portainer-icon.webp
new file mode 100644
index 0000000..5892aaf
Binary files /dev/null and b/img/portainer-icon.webp differ
diff --git a/index.html b/index.html
index 18d8afb..b9f6519 100644
--- a/index.html
+++ b/index.html
@@ -15,31 +15,12 @@
             <h1 class="header-text">Dashboard</h1>
             <h1 class="time"></h1>
             <div class="user">
-                <h2 class="username">Tola</h2>
                 <div class="card" tabindex="0">
                     <span class="cardicon">
                         <img src="img/user.jpeg" alt="" />
                     </span>
-                    <div class="text">
+                    <div class="text" id="mails">
                         <h2 class="username">Tola</h2>
-                        <a
-                            href="mailto: tolamironcenko@icloud.com"
-                            class="mail"
-                        >
-                            tolamironcenko@icloud.com
-                        </a>
-                        <a href="mailto: tolamironcenko@gmail.com" class="mail">
-                            tolamironcenko@gmail.com
-                        </a>
-                        <a href="tel:+79528926401" class="mail">
-                            +79528926401
-                        </a>
-                        <a href="tel:+79131019225" class="mail">
-                            +79131019225
-                        </a>
-                        <a href="tel:+79993228086" class="mail">
-                            +79993228086
-                        </a>
                     </div>
                 </div>
             </div>
@@ -53,47 +34,9 @@
             />
             <div class="searchicon">&#128269;</div>
         </div>
-        <h2 style="color: white; text-align: center; margin: 10px 0 10px 0">
-            Net
-        </h2>
-        <div class="icons">
-            <div class="icon">
-                <a href="https://web.telegram.org/k/">
-                    <img src="img/telegram-icon.jpeg" alt="telegram-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="https://github.com">
-                    <img src="img/github-icon.png" alt="github-icon" />
-                </a>
-            </div>
-        </div>
-        <h2 style="color: white; text-align: center; margin: 10px 0 10px 0">
-            Home
-        </h2>
-        <div class="icons">
-            <div class="icon">
-                <a href="https://gitea.home.com:3000">
-                    <img src="img/gitea-icon.png" alt="gitea-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://jellyfin.home.com:8096">
-                    <img src="img/jellyfin.png" alt="jellyfin-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://immich.home.com:2283">
-                    <img src="img/immich-icon.png" alt="immich-icon" />
-                </a>
-            </div>
-            <div class="icon">
-                <a href="http://navidrome.home.com:4533">
-                    <img src="img/navidrome-icon.png" alt="gitea-icon" />
-                </a>
-            </div>
-        </div>
-
+        <div class="icons"></div>
+        <script src="js/icons.js"></script>
+        <script src="js/mails.js"></script>
         <script src="js/time.js"></script>
         <script src="js/search.js"></script>
     </body>
diff --git a/js/icons.js b/js/icons.js
new file mode 100644
index 0000000..6bad247
--- /dev/null
+++ b/js/icons.js
@@ -0,0 +1,68 @@
+const iconsArea = document.querySelector(".icons");
+
+const icons = [
+  {
+    key: 0,
+    href: "https://web.telegram.org/k/",
+    img: "img/telegram-icon.jpeg",
+    alt: "telegram-icon",
+    text: "Telegram",
+  },
+  {
+    key: 1,
+    href: "https://github.com",
+    img: "img/github-icon.png",
+    alt: "github-icon",
+    text: "github.com",
+  },
+  {
+    key: 0,
+    href: "https://gitea.home.com:3000",
+    img: "img/gitea-icon.png",
+    alt: "gitea-icon",
+    text: "gitea.home.com",
+  },
+  {
+    key: 1,
+    href: "http://jellyfin.home.com:8096",
+    img: "img/jellyfin.png",
+    alt: "jellyfin-icon",
+    text: "jellyfin.home.com",
+  },
+  {
+    key: 2,
+    href: "http://immich.home.com:2283",
+    img: "img/immich-icon.png",
+    alt: "immich-icon",
+    text: "immich.home.com",
+  },
+  {
+    key: 3,
+    href: "http://navidrome.home.com:4533",
+    img: "img/navidrome-icon.png",
+    alt: "navidrome-icon",
+    text: "navidrome.home.com",
+  },
+  {
+    key: 4,
+    href: "https://portainer.home.com:9443",
+    img: "img/portainer-icon.webp",
+    alt: "portainer-icon",
+    text: "portainer.home.com",
+  },
+  {
+    key: 5,
+    href: "https://dns.home.com",
+    img: "img/dnsmasq-icon.jpeg",
+    alt: "dnsmasq-icon",
+    text: "dns.home.com",
+  },
+];
+
+icons.map((icon) => {
+  iconsArea.innerHTML += `<div class="icon">
+                <a href="${icon.href}">
+                    <img src="${icon.img}" alt="${icon.alt}" />
+                </a>
+            </div>`;
+});
diff --git a/js/mails.js b/js/mails.js
new file mode 100644
index 0000000..214469c
--- /dev/null
+++ b/js/mails.js
@@ -0,0 +1,21 @@
+const mailsArea = document.querySelector("#mails");
+
+const mails = [
+  {
+    key: 0,
+    href: "mailto:tolamironcenko@icloud.com",
+    text: "tolamironcenko@icloud.com",
+  },
+  {
+    key: 1,
+    href: "mailto:tolamironcenko@gmail.com",
+    text: "tolamironcenko@gmail.com",
+  },
+  { key: 2, href: "tel:+79528926401", text: "+79528926401" },
+  { key: 3, href: "tel:+79131019225", text: "+79131019225" },
+  { key: 4, href: "tel:+79993228086", text: "+79993228086" },
+];
+
+mails.map((mail) => {
+  mailsArea.innerHTML += `<a href="${mail.href}" class="mail">${mail.text}</a>`;
+});