Added WA/CALL

Author: jQsafi

index.html

@@ -129,11 +129,18 @@ <h1 class="text-1-8em mb-[5px] text-text-dark-blue transition-colors duration-30
             </p>
 
             <div class="flex justify-center gap-5 mt-5 flex-wrap">
+                <a href="https://wa.me/8801616332313" class="social-icon text-text-dark-green text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-whatsapp"></i></a>
+
+                <a href="call:+8801616332313" class="social-icon text-text-dark-green text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fa fa-phone"></i></a>
+
                 <a href="mailto:shafayat@engineer.com" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fas fa-envelope"></i></a>
-                <a href="https://twitter.com/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
+                <a href="https://twitter.com/jqsafi1313" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
+                
+                
+                
                 <a href="https://instagram.com/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
-                <a href="https://jqsafi.com/" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fas fa-globe"></i></a>
-                <a href="https://linkedin.com://in/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
+              
+                <a href="https://linkedin.com/in/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
                 <a href="https://github.com/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i></a>
                 <a href="https://dev.to/jqsafi" class="social-icon text-text-dark-blue text-1-5em transition-colors duration-300 ease-in-out no-underline hover:text-social-icon-hover-light dark:text-yellow-border dark:hover:text-button-yellow-dark-hover" target="_blank" rel="noopener noreferrer"><i class="fab fa-dev"></i></a>
             </div>
@@ -173,10 +180,10 @@ <h3 class="text-lg font-semibold mb-2 text-flyout-menu-text-light dark:text-flyo
                 <li class="py-2 px-2 text-flyout-menu-text-light hover:bg-flyout-menu-hover-light cursor-pointer rounded transition-colors duration-150 ease-in-out dark:text-flyout-menu-text-dark dark:hover:bg-flyout-menu-hover-dark"><a href="https://jqsafi.github.io/puzzle.html" class="block w-full h-full text-inherit no-underline">Puzzle Game</a></li>
                 <li class="py-2 px-2 text-flyout-menu-text-light hover:bg-flyout-menu-hover-light cursor-pointer rounded transition-colors duration-150 ease-in-out dark:text-flyout-menu-text-dark dark:hover:bg-flyout-menu-hover-dark"><a href="https://jqsafi.github.io/memory_game.html" class="block w-full h-full text-inherit no-underline">Memory Game</a></li>
             </ul>
-            <button class="bg-flyout-menu-button-bg-light text-flyout-menu-button-text-light py-2 px-4 rounded-lg flex items-center justify-center transition-colors duration-300 ease-in-out
+            <!-- <button class="bg-flyout-menu-button-bg-light text-flyout-menu-button-text-light py-2 px-4 rounded-lg flex items-center justify-center transition-colors duration-300 ease-in-out
                            hover:bg-blue-700 dark:bg-flyout-menu-button-bg-dark dark:text-flyout-menu-button-text-dark dark:hover:bg-e0c81b">
                 <i class="fas fa-comment-alt mr-2"></i> Send feedback about our Help Center
-            </button>
+            </button> -->
         </div>
     </div>