CSS Templates

<!DOCTYPE html>
<html>
<head>
    <style>
        .kartu-profil {
            width: 260px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            text-align: center;
            padding: 25px;
            font-family: sans-serif;
            margin: auto;
        }
        .kartu-profil img { width: 80px; height: 80px; border-radius: 50%; }
        .nama { font-weight: bold; color: #0d2e5c; margin-top: 10px; }
        .posisi { color: #64748b; font-size: 13px; }
    </style>
</head>
<body>
    <div class="kartu-profil">
        <img src="https://picsum.photos/100" alt="Avatar">
        <div class="nama">Rian Pratama</div>
        <div class="posisi">Frontend Engineer</div>
    </div>
</body>
</html>