Baúl.

<link href="https://fonts.googleapis.com/css?family=Great+Vibes|Roboto:500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="baul-pj"><div class="foto"><div class="sub-n">student,<br/> <span style="color:#7aa19f">daughter</span>,<br/> feminist.</div><img src="http://via.placeholder.com/400x270"/></div><div class="fon-aba"><div class="dato"><a href="#"><div class="datoo"><i class="fas fa-bookmark iconba"></i> </div></a></div><div class="dato dos"><a href="#"><div class="datoo"><i class="fas fa-user-friends iconba"></i></div></a></div><div class="dato tres"><a href="#"><div class="datoo"><i class="fas fa-clock iconba"></i></div></a></div></div></div><div class="cred"><a href="">bettyleg</a></div>

<style>.fon-aba{width: 0;height: 0;border-right: 370px solid transparent;border-top: 72px solid transparent;border-left: 370px solid #444;border-bottom: 70px solid #444; position:relative; top:-130px;} .baul-pj{width:400px; height:240px; margin: 0 auto; overflow:hidden; border:10px solid #fafafa; outline:1px solid #ddd; outline-offset:0px;} .foto{width:400px; height:265px; background:#ddd;} .foto img{ width:400px; position:relative; margin-top:-40px;} .sub-n{font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:9px; letter-spacing:1px; color:#777; padding:3px; text-align:center; top:50px;position:relative;left:20px; z-index:1; line-height:11px; width:124px;} .dato{ text-align:center;width:50px; height:50px; background :#D6D4D8; border-radius:180px; position:relative; top:-85px; left:-310px; padding:4px;} .datoo{width:50px; height:50px; background:#555; border-radius:180px;} .dos{left:-220px; top:-124px} .iconba{font-size:17px; color:#fff; position:relative; top:17px;} .tres{left:-130px; top:-165px;} .dato:hover .iconba{color:#7aa19f!important} .dato:hover .datoo{background:#eee; cursor: pointer;} .cred{margin:0 auto; width:60px; background:#fff; padding:5px; margin-top:5px; text-align:center; height:10px; line-height:5px;} .cred a{font-size:8px; text-transform:uppercase; text-decoration: none; color:#988;} </style>