014 | Chocolate Mint

<div id="fofo1"><div id="fofo2"><div class="fon1" style="background: url(https://via.placeholder.com/385x200)"></div> <div class="fon2" style="background: url(https://via.placeholder.com/100x178)"></div> <div class="fon3">

¡Tu texto aquí!

 </div></div></div><div id="fofo3"> <n>Título Negro</n> & Blanco</div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style type="text/css">#fofo1 {width: 400px; height: 218px; border: 1px solid #DEDEDE; background: #fff; margin: 0 auto;}#fofo2 {width: 384px; height: 200px; background: #fff; position: relative; top: 8px; margin: 0 auto; overflow: hidden;}.fon1 {width: 385px; height: 200px; position: relative; z-index: 99; top: 0px;-webkit-transition:1.9s ease-in 0s;transition:0.6s ease-in 0.1s;}#fofo2:hover .fon1 {top: 200px;}.fon2 {width: 100px; height: 177px; background: #fff; border: 10px solid #fff; position: relative; top: -199px; left: 1px; outline: 1px solid #DEDEDE;-webkit-transition:1.9s ease-in 0s;transition:0.6s ease-in 0.1s;}.fon3 {position: relative; top: -396px; left: 130px;width: 214px; height: 159px; background: #fff; border: 10px solid #fff; position: relative; outline: 1px solid #DEDEDE; overflow: auto; text-align: justify; font: 11px calibri; padding: 9px;}#fofo3 {background: #A2BFC5; width: 362px; font: 20px 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #fff; text-align: center; padding: 20px;margin: 0 auto;}#fofo3 n {color: #222; font-style: italic;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style>

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">