CAN'T QUIT YOU

<div id="icontext">TÍTULO BONITO <div class="iconblue"><a href="LINK FICHA"><span class="th th-instagram-o"></span></a></div> <div class="iconblue"><a href="LINK PERFIL O MP"><span class="th th-envelope-o"></span></a></div> <div class="iconblue"><a href="LINK CRONOLOGÍA"><span class="th th-clock-o"></span></a></div></div><div class="blue1"><div class="blue2" style="background: url('LINK IMAGEN GRANDE')">
</div><div class="blue3"><div class="blue4"><div class="bluetext" style="background: url('IMAGENPEQUEÑA1')"><div class="relationships"><div class="wouldi">NOMBRE PJ<span class="th th-share-o"></span> <br/> <sub><span class="th th-star-o"></span>RELACIÓN</sub></div></div></div><div class="notes">NUM <span class="th th-heart-1-o"></span> NUM <span class="th th-chat-bubble-o"></span></div></div> <div class="blue4"><div class="bluetext" style="background: url('IMAGENPEQUEÑA2')"><div class="relationships"><div class="wouldi">NOMBRE PJ <span class="th th-share-o"></span> <br/> <sub><span class="th th-star-o"></span>RELACION</sub></div></div></div><div class="notes">NUM <span class="th th-heart-1-o"></span> NUM <span class="th th-chat-bubble-o"></span></div></div> <div class="blue4"><div class="bluetext" style="background: url('IMAGENPEQUEÑA3')"><div class="relationships"><div class="wouldi">NOMBRE PJ<span class="th th-share-o"></span> <br/> <sub><span class="th th-star-o"></span>RELACIÓN </sub></div></div></div><div class="notes">NUM <span class="th th-heart-1-o"></span> NUM <span class="th th-chat-bubble-o"></span></div></div></div></div>
<div class="credits"><a href="https://therocketgirl-codes.tumblr.com/">Lilith <i class="fas fa-rocket"></i></a></div>


<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>#icontext{background: #fff; color: #008ACF; width: 480px; height: 20px; padding: 10px; font-family: Oswald; font-size: 15px; letter-spacing: 3px; text-transform: uppercase;}.blue1{width: 500px; height: auto; background: #fff;} .blue2{height: 270px; width: 500px;} .iconblue{height: 30px; width: 30px; padding: 10px; background: #fff; transform: rotate(45deg); font-size: 30px; text-align: center; transition: 1s; display: block; position: relative; top: 40px; left: 470px; margin-bottom: 30px;} .iconblue .th{transform: rotate(-45deg); transition: 1s; display:} .iconblue a{color: #008ACF} .iconblue:hover{transform: rotate(-45deg); transition: 1s; background: #008ACF; border: 1px solid #fff;} .iconblue:hover .th{transform: rotate(45deg); transition: 1s; color: #fff;} .blue3{background: #F7F7F7; width: 490px; height: auto; padding: 5px; padding-top: 30px; padding-bottom: 20px;} .bluetext{height: 150px; width: 150px; border: #fff 5px solid; overflow: hidden;} .bluetext:hover .relationships{top: 0; transition: 1s;} .relationships{ text-align: center; background: rgb(255,255,255,0.9); height: 130px; width: 130px; padding: 5px; top: -200px; transition: 1s; position: relative; margin-top: 5px; margin-left: 5px;} .blue4{display: inline-block;} .notes{width: 150px; padding: 5px; height: 20px; color: #008ACF; background: #fff; text-align: right; font-family: Oswald; word-spacing: 3px;} .bluetext .wouldi{border: 1px solid #008ACF; font-size: 13px; font-family: Oswald; color: #008ACF; padding: 2px; padding-top: 10px; padding-bottom: 10px; margin-top: 30px;}.wouldi sub{text-align: center; letter-spacing: 1px; font-size: 9px;}.credits{font-size: 10px; text-align: right; width: 500px; text-transform: lowercase; letter-spacing: 3px;} .credits a{color: #B24058;}</style>

<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">