Pada kesempatan kali ini saya akan membahas tentang tampilan profile card, dalam desain Website Company tentu akan akan menampilkan beberapa profile orang yang memiliki pengaruh, contohnya CEO, Director, Manager, dll. dalam kasus kali ini saya akan membuat desain profile card dengan html css. Bagaimana cara pembuatannya sahabat bisa ikuti langkah-langkah dalam dalam desainnya berikut ini: Langkah pertama buat file html seperti bawah ini:

link(href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet") link(href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css", rel="stylesheet", integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1", crossorigin="anonymous") .profile-card-1 .img img(src="https://www.bantal.desa.id/desa/css/images/bakir.jpg") a(href="").view-more i(class="fa fa-plus-circle" aria-hidden="true") .popup .mid-section .name Mark Zuckerberg .description Founder and Owner at a(href="https://facebook.com") Facebook .line .stats .stat 81.3M .subtext Followers .stat 822k .subtext Likes .stat 750k .subtext Shares .links a(href="").fb i(class="fa fa-facebook-f" aria-hidden="true") a(href="").twitter i(class="fa fa-twitter" aria-hidden="true") a(href="").follow i(class="fa fa-rocket" aria-hidden="true")