Baul - Hesitate

<div class="baul2-be"><div class="headerb"><i class="fas fa-angle-double-right"></i>Maeve R. Sullivan</div><div class="medibau" style="background:url(https://www.toptal.com/designers/subtlepatterns/wp-content/themes/tweaker7/images/transp_bg.png)"><img src="https://placehold.jp/150x150.png"/></div><div class="datbau2"><i class="fas fa-crown"></i><b>Apodo</b>: Maev<br/><i class="fas fa-birthday-cake"></i><b>Edad</b>: 25 años<br/><i class="fas fa-pastafarianism"></i><b>Ocupación</b>: Mesera<br/><i class="fas fa-home"></i><b>Nacionalidad</b>: Griega<br/><i class="fas fa-heartbeat"></i><b>Situación sentimental:</b> Comprometida.<br/><br/><i class="fas fa-hand-holding-heart"></i><b>Nivel de amabilidad:</b><div class="nivelhab-b2"><div class="colornivelhab" style="background:#5A8888; width:30%;"></div></div><i class="fas fa-hand-holding-usd"></i><b>Nivel económico:</b><div class="nivelhab-b2"><div class="colornivelhab" style="background:#5A8888; width:80%;"></div></div></div><div class="arrbau"><div class="modul-b2"><div><i class="fas fa-history"></i><br/><span class="titbau2"><a href="#">Cronología</a></span></div></div><div class="modul-b2"><div><i class="fas fa-user-md"></i><br/><span class="titbau2"><a href="#">Relaciones</a></span></div></div><div class="modul-b2"><div><i class="fas fa-file-word"></i><br/><span class="titbau2"><a href="#">Expediente</a></span></div></div></div><div class="abajbau"><div class="modul-b2"><div><i class="fas fa-book"></i><br/><span class="titbau2"><a href="#">Diario</a></span></div></div><div class="modul-b2"><div><i class="fas fa-mobile"></i><br/><span class="titbau2"><a href="#">Movil</a></span></div></div><div class="modul-b2"><div><i class="fab fa-twitter"></i><br/><span class="titbau2"><a href="#">Twitter</a></span></div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css?family=Merriweather:400,700i|Roboto:400,700&display=swap" rel="stylesheet"><style>.baul2-be{outline:1px solid #eee; width:350px; margin:10px auto;background:#fff; border-bottom:30px solid #BFD6CB; padding-bottom:20px;}.medibau img{width:150px; height:150px; border:1px solid #ccc; padding:4px; margin:20px 0px;} .arrbau{height:60px;border-top:1px solid #eee; padding-top:20px;} .medibau{background:#fff;  background-size:cover;} .abajbau{height:60px;}.abajbau, .arrbau, .medibau, .modul-b2{display:flex; align-items:center; justify-content:center;} .modul-b2{width:80px; height:50px; margin:2px 5px; text-align:center; border:1px solid #eee;webkit-transition: 1s;-o-transition:1s;transition: 1s;} .modul-b2 i{font-size:20px;webkit-transition: 1s;-o-transition:1s;transition: 1s; color:#94BAAD;} .modul-b2:hover .fas, .modul-b2:hover .fab{border-bottom:1px solid #ddd; padding:6px 15px;webkit-transition: 1s;-o-transition:1s;transition: 1s; margin-bottom:8px;} .modul-b2 .titbau2 a, .modul-b2 .titbau2{opacity:0;position:relative; top:-5px;webkit-transition: .3s;-o-transition:.3s;transition: .3s; font-size:10px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:600; letter-spacing:-.4px; color:#94BAAD; display:table-column;} .modul-b2:hover .titbau2, .modul-b2:hover .titbau2 a{top:-3px; webkit-transition: 1s;-o-transition:1s;transition: 1s; opacity:1; display:block;} .modul-b2:hover{height:60px;}.headerb{font-family: 'Roboto', sans-serif; font-size:10px; border-bottom:1px solid #eee; padding:10px 20px; text-transform:uppercase; font-weight:600; color:#fff; background:#5A8888;} .datbau2{padding:10px 20px; border-top:1px solid #eee; line-height:25px; font-size:14px; font-family: 'Roboto', sans-serif; color:#666} .headerb i{color: #D3DECE; padding-right:10px; } .datbau2 i{color:#D3DECE; padding-right:10px; width:20px; text-align:center;} .datbau2 b{font-family:'Merriweather', serif; font-style:italic;} .nivelhab-b2{height:10px; border:1px solid #eee; margin:10px 0px; padding:2px; color:#444;} .colornivelhab{height:10px;} .titbau2 a{text-decoration:none; } .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

/***************** Agregar nuevos datos de contacto ************/
<div class="abajbau"><div class="modul-b2"><div><i class="fas fa-book"></i><br/><span class="titbau2"><a href="#">Diario</a></span></div></div><div class="modul-b2"><div><i class="fas fa-mobile"></i><br/><span class="titbau2"><a href="#">Movil</a></span></div></div><div class="modul-b2"><div><i class="fab fa-twitter"></i><br/><span class="titbau2"><a href="#">Twitter</a></span></div></div></div>

/***************** Agregar nuevo nivel de habilidad ************/
<i class="fas fa-hand-holding-heart"></i><b>Nivel de amabilidad:</b><div class="nivelhab-b2"><div class="colornivelhab" style="background:#5A8888; width:30%;"></div></div>