<!-- -- Uploaded on : https://haxor.my.id/open/ms.html -- Official Web : https://prinsh.com -- script-deface-generator.prinsh.com --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kartu Pengenal</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-image: url('https://i.postimg.cc/YSQnQhT6/pexels-colin-lloyd-3751007.jpg'); /* Ganti dengan nama gambar latar belakang Anda */ background-size: cover; background-position: center; min-height: 100vh; min-width: 50vh; display: flex; justify-content: center; align-items: center; } .card { background-color: rgba(255, 255, 255, 0.8); /* Warna latar belakang card dengan transparansi */ border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); max-width: 300px; padding: 20px; text-align: center; } .card img { max-width: 100px; border-radius: 50%; } .name { font-size: 1.5em; margin: 10px 0; } .title { color: #888; } .social-icons { margin-top: 20px; } .social-icons a { color: #333; font-size: 24px; margin: 0 10px; } </style> </head> <body> <div class="card"> <img src="https://i.ibb.co/YBRMynF/peakpx.jpg" alt="Your Photo"> <h2 class="name">M Saiful</h2> <p class="title">Website Designer | Node.js</p> <div class="social-icons"> <a href="https://t.me/suzilaleez"><i class="fab fa-telegram"></i></a> <a href="https://www.instagram.com/epultzy_"><i class="fab fa-instagram"></i></a> <audio src="https://kosred.com/a/lzuuea.mp3" controls autoplay="1" loop="1"></audio> </div> </div> </body> </html>