diff --git a/index.html b/index.html
index 132fde3b..4c0e340c 100644
--- a/index.html
+++ b/index.html
@@ -248,9 +248,7 @@ <h5 class="card-title">Project Webvium <span class="badge text-bg-primary"
               Technologies: <br>
               java · xml · gradle · git · sqlite
             </p>
-            <p>Download: <br>
-              <a href="/webvium/">https://mrepol742.github.io/webvium</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='/webvium/';"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button><br>
           </div>
         </div>
       </div>
@@ -267,10 +265,7 @@ <h5 class="card-title">My Website <span class="badge text-bg-primary" title="Pro
               Technologies: <br>
               html · css · bootstrap · javascript · seo · php composer · git
             </p>
-            <p>Source: <br>
-              <a href="https://github.com/mrepol742/mrepol742.github.io"
-                target="_blank">https://github.com/mrepol742/mrepol742.github.io</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='https:\/\/github.com\/mrepol742\/mrepol742.github.io';"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></button><br>
           </div>
         </div>
       </div>
@@ -292,9 +287,7 @@ <h5 class="card-title">Project Webvium 'VPN' <span class="badge text-bg-warning"
               Technologies: <br>
               java · xml · openvpn
             </p>
-            <p>Download: <br>
-              <a href="/webviumvpn/">https://mrepol742.github.io/webviumvpn</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='/webviumvpn/';"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button><br>
           </div>
         </div>
       </div>
@@ -312,9 +305,7 @@ <h5 class="card-title">Project Orion 'Chatbot' <span class="badge text-bg-primar
               Technologies: <br>
               node.js · web scraping · openai · json · npm · git
             </p>
-            <p>Learn more: <br>
-              <a href="/project-orion/">https://mrepol742.github.io/project-orion</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='/project-orion/';"><i class="fa-solid fa-circle-info"></i>&nbsp;&nbsp;<b>Learn more</b></button><br>
           </div>
         </div>
       </div>
@@ -330,10 +321,7 @@ <h5 class="card-title">Online Catering System <span class="badge text-bg-warning
               Technologies: <br>
               php · html · css · javascript · bootstrap · mysql · git
             </p>
-            <p>Source: <br>
-              <a
-                href="https://github.com/mrepol742/Online-Catering-System">https://github.com/mrepol742/Online-Catering-System</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='https:\/\/github.com\/mrepol742\/Online-Catering-System';"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></button><br>
           </div>
         </div>
       </div>
@@ -349,10 +337,7 @@ <h5 class="card-title">Room Rental System <span class="badge text-bg-warning"
               Technologies: <br>
               php · html · css · javascript · bootstrap · mysql · git
             </p>
-            <p>Source: <br>
-              <a href="https://github.com/mrepol742/Room-Rental-System"
-                target="_blank">https://github.com/mrepol742/Room-Rental-System</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='https:\/\/github.com\/mrepol742\/Room-Rental-System';"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></button><br>
           </div>
         </div>
       </div>
@@ -369,9 +354,7 @@ <h5 class="card-title">LGU Management System <span class="badge text-bg-warning"
               Technologies: <br>
               php · html · css · javascript · bootstrap · mysql · git · php composer
             </p>
-            <p>Source: <br>
-              <a href="https://github.com/lgu-ms/lgu-ms" target="_blank">https://github.com/lgu-ms/lgu-ms</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='https:\/\/github.com\/lgu-ms\/lgu-ms';"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></button><br>
           </div>
         </div>
       </div>
@@ -388,12 +371,8 @@ <h5 class="card-title">mrepol742 @ blog <span class="badge text-bg-primary"
               Technologies: <br>
               vuepress
             </p>
-            <p>Source: <br>
-              <a href="https://github.com/mrepol742/blog" target="_blank">https://github.com/mrepol742/blog</a>
-            </p>
-            <p>Live: <br>
-              <a href="https://mrepol742.github.io/blog" target="_blank">https://mrepol742.github.io/blog</a>
-            </p>
+            <button type="button" class="btn" onclick="window.location.href='https:\/\/github.com\/mrepol742\/blog';"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></button>
+            <button type="button" class="btn" onclick="window.location.href='\/blog\/';"><i class="fa-solid fa-blog"></i>&nbsp;&nbsp;<b>Blog</b></button><br>
           </div>
         </div>
       </div>
@@ -734,8 +713,8 @@ <h2 class="text-center" id="friends">Friends</h2>
               <a href="/friends/samiunnafis.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/56390452?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Samiun Nafis avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Samiun Nafis</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Front-end Developer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Samiun Nafis</h4>
+                <p class="card-text">Front-end Developer</p>
               </a>
             </div>
           </div>
@@ -746,8 +725,8 @@ <h5 class="card-title mt-2 no-wrap">Samiun Nafis</h5><br><br>
               <a href="/friends/imbharat420.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/51924618?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Bharat Singh avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Bharat Singh</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Fullstack Developer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Bharat Singh</h4>
+                <p class="card-text">Fullstack Developer</p>
               </a>
             </div>
           </div>
@@ -758,8 +737,8 @@ <h5 class="card-title mt-2 no-wrap">Bharat Singh</h5><br><br>
               <a href="/friends/elishasfolio.html">
                 <img loading="lazy" src="https://elishasfolio.vercel.app/Elitepics.png"
                   class="mx-auto d-block img-fluid circle-png" alt="Elisha Paul Okai" width="100">
-                <h5 class="card-title mt-2 no-wrap">Elisha Paul Okai</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Defi Expert</small></p>
+                <h4 class="card-title mt-2 no-wrap" title="Elisha Paul Okai">Elisha P. Okai</h4>
+                <p class="card-text">Defi Expert</p>
               </a>
             </div>
           </div>
@@ -770,8 +749,8 @@ <h5 class="card-title mt-2 no-wrap">Elisha Paul Okai</h5><br><br>
               <a href="/friends/0x3ef8.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/76643867?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Jay Patrick Cano avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Jay Patrick Cano</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Programmer</small></p>
+                <h4 class="card-title mt-2 no-wrap" title="Jay Patrick Cano">Jay P. Cano</h4>
+                <p class="card-text">Programmer</p>
               </a>
             </div>
           </div>
@@ -782,8 +761,8 @@ <h5 class="card-title mt-2 no-wrap">Jay Patrick Cano</h5><br><br>
               <a href="/friends/19vin70.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/113106676?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Marvin Quillo Saik avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Marvin Quillo Saik</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Programmer</small></p>
+                <h4 class="card-title mt-2 no-wrap" title="Marvin Quillo Saik">Marvin Q. Saik</h4>
+                <p class="card-text">Programmer</p>
               </a>
             </div>
           </div>
@@ -794,8 +773,8 @@ <h5 class="card-title mt-2 no-wrap">Marvin Quillo Saik</h5><br><br>
               <a href="/friends/aaveshdev.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/50949867?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Aavesh Jilani avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Aavesh Jilani</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Programmer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Aavesh Jilani</h4>
+                <p class="card-text">Programmer</p>
               </a>
             </div>
           </div>
@@ -806,8 +785,8 @@ <h5 class="card-title mt-2 no-wrap">Aavesh Jilani</h5><br><br>
               <a href="/friends/amosayomide05.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/62471060?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Amos Ayomide avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Amos Ayomide</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Programmer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Amos Ayomide</h4>
+                <p class="card-text">Programmer</p>
               </a>
             </div>
           </div>
@@ -818,8 +797,8 @@ <h5 class="card-title mt-2 no-wrap">Amos Ayomide</h5><br><br>
               <a href="/friends/emejulucodes.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/54607888?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="Emmanuel Emejulu avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Emmanuel Emejulu</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Mobile App Developer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Emmanuel Emejulu</h4>
+                <p class="card-text">Mobile App Developer</p>
               </a>
             </div>
           </div>
@@ -830,8 +809,8 @@ <h5 class="card-title mt-2 no-wrap">Emmanuel Emejulu</h5><br><br>
               <a href="/friends/Mra1k3r0.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/u/61144642?v=4"
                   class="mx-auto d-block img-fluid circle-png" alt="John Paul Caigas avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">John Paul Caigas</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Programmer</small></p>
+                <h4 class="card-title mt-2 no-wrap" title="John Paul Caigas">John P. Caigas</h4>
+                <p class="card-text">Programmer</p>
               </a>
             </div>
           </div>
@@ -842,8 +821,8 @@ <h5 class="card-title mt-2 no-wrap">John Paul Caigas</h5><br><br>
               <a href="/friends/abass_dev.html">
                 <img loading="lazy" src="https://avatars.githubusercontent.com/abass-dev"
                   class="mx-auto d-block img-fluid circle-png" alt="Abass Dev avatar at Github" width="100">
-                <h5 class="card-title mt-2 no-wrap">Abass Dev</h5><br><br>
-                <p class="card-text"><small class="text-body-secondary">Mobile App Developer</small></p>
+                <h4 class="card-title mt-2 no-wrap">Abass Dev</h4>
+                <p class="card-text">Mobile App Developer</p>
               </a>
             </div>
           </div>
diff --git a/webvium/index.html b/webvium/index.html
index 407ad082..fe21dcad 100644
--- a/webvium/index.html
+++ b/webvium/index.html
@@ -178,8 +178,7 @@ <h1 class="card-title"><strong>Webvium</strong></h1>
                     policy</a>.</small><br><br>
                 #communication #tools #browsers
               </p>
-              <button id="download_btn" type="button" class="btn" onclick="download()"><b>Download
-                Now</b></button><br>
+              <button id="download_btn" type="button" class="btn" onclick="download()"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button><br>
               <span id="nm0d"></span>
             </div>
           </div>
diff --git a/webviumbeta/index.html b/webviumbeta/index.html
index 548fdc22..e82684c6 100644
--- a/webviumbeta/index.html
+++ b/webviumbeta/index.html
@@ -163,8 +163,7 @@ <h1 class="card-title"><strong>Webvium Beta</strong></h1>
                     policy</a>.</small><br><br>
                 #communication #tools #browsers
               </p>
-              <button id="download_btn" type="button" class="btn" onclick="download()"><b>Download
-                Now</b></button>
+              <button id="download_btn" type="button" class="btn" onclick="download()"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button>
             </div>
           </div>
         </div>
diff --git a/webviumdev/index.html b/webviumdev/index.html
index 831ae2a9..b588bbcc 100644
--- a/webviumdev/index.html
+++ b/webviumdev/index.html
@@ -163,8 +163,7 @@ <h1 class="card-title"><strong>Webvium Dev</strong></h1>
                     policy</a>.</small><br><br>
                 #communication #tools #browsers
               </p>
-              <button id="download_btn" type="button" class="btn" onclick="download()"><b>Download
-                Now</b></button>
+              <button id="download_btn" type="button" class="btn" onclick="download()"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button>
             </div>
           </div>
         </div>
diff --git a/webviumvpn/index.html b/webviumvpn/index.html
index 80c2f018..9e8173b0 100644
--- a/webviumvpn/index.html
+++ b/webviumvpn/index.html
@@ -160,8 +160,7 @@ <h1 class="card-title"><strong>Webvium VPN</strong></h1>
                     policy</a>.</small><br><br>
                 #tools #vpn & proxy
               </p>
-              <button id="download_btn" type="button" class="btn" onclick="download()"><b>Download
-                Now</b></button>
+              <button id="download_btn" type="button" class="btn" onclick="download()"><i class="fa-solid fa-download"></i>&nbsp;&nbsp;<b>Download</b></button>
             </div>
           </div>
         </div>