<!DOCTYPE html> <html> <head> <title>MD SAJEEB KHAN</title> <style> * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, sans-serif; background-color: #f0f0f0; } .container { width: 300px; height: 400px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin: 20px auto; padding: 20px; background-color: #fff; position: relative; } .logo { text-align: center; padding: 10px; } .logo img { width: 80px; height: 80px; border-radius: 50%; } .title { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; } .description { font-size: 18px; color: #666; margin-bottom: 20px; } .followers { font-size: 14px; color: #666; margin-bottom: 10px; } .buttons { display: flex; justify-content: center; padding: 10px; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .buttons button { background-color: #fff; color: #333; border: 2px solid #ddd; padding: 8px 10px; /* reduced padding */ font-size: 14px; /* reduced font size */ cursor: pointer; border-radius: 20px; margin: 0 1px; } .buttons button:hover { background-color: #f7f7f7; border-color: #ccc; } </style> </head> <body> <div class="container"> <div class="logo"> <img src="https://i.ibb.co.com/vJytdnk/IMG-20241006-012912.jpg" alt="Logo" style="width: 80px; height: 80px; border-radius: 50%;"> <h2 class="title">Md Sajeeb Khan</h2> <p class="followers" id="followers">followers: 426K</p> <p class="description">-      -<br>    - <br>      </p> </div> <div class="buttons"> <a href="https://api.whatsapp.com/send?phone=+8801600514535&text=Hello Sir:+I+liked+your+profile!" target="_blank"> <button style="font-size: 14px; padding: 8px 15px;">Whatsapp</button> </a> <a href="https://www.facebook.com/profile.php?id=61566433035552&mibextid=JRoKGi" target="_blank"> <button style="font-size: 14px; padding: 8px 15px;">Facebook</button> </a> <button style="font-size: 14px; padding: 8px 15px;" onclick="copyLink()">Link:Copy</button> </div> </div> <script> function copyLink() { var link = window.location.href; navigator.clipboard.writeText(link).then(function() { alert("Copy This Profile Link!"); }); } </script> </body> </html>