033 | Take a Break

<div id="hope1"><div id="hopen">take a break</div>  <span>Take a Break</span></div><div id="hope2"><div class="hp2"><div class="hptit"><span class="th th-star"></span> Basic Data </div>

   <span>Nombre del Personaje</span>
   Respuesta

   <span>Fecha de Nacimiento</span>
   Respuesta

   <span>Nacionalidad</span>
   Respuesta

   <span>Ocupación</span>
   Respuesta

   <span>Orientación Sexual</span>
  Respuesta

   <span>Tangananica o Tanganana</span>
   Tangananica, obs
 </div><div class="hp1" style="background: url(https://via.placeholder.com/200x300)"> </div><div class="hp3"><div class="hptit"><span class="th th-heart-1"></span> Stats </div><div id="stats1"><span>Carisma</span><div class="statin"><span style="width: 70%"> </span></div></div><div id="stats1"><span>Popularidad</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Sarcasmo</span> <div class="statin"><span style="width: 50%"> </span></div></div> <div id="stats1"> <span>Egocentrismo</span><div class="statin"><span style="width: 75%"> </span></div> </div> </div> <div class="hp3"> <div class="hptit"><span class="th th-moon"></span> About Her </div> <div class="hpbo">

¡Soy un espacio de texto! Lléname.

 </div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style type="text/css">#hope1 {width:470px; height: 120px; background: #d2e7f1; border: 1px solid #D0DEE3; overflow: hidden; text-align: center; margin: 0 auto;}#hopen {font: 140px "stockholm"; height: 10px; text-align: center; color: #fff; position: relative; top: -25px;}#hope2 {width: 470px; background-color: #fdfdfd; border: 1px solid #f4f4f4; margin: 0 auto;}#hope1 span {font: 9px verdana; text-transform: uppercase; letter-spacing: 10px; position: relative; top: 45px; color: #97b2c0;}.hp1 {width: 200px; height: 300px; border: 10px solid #fff; outline: 1px solid #f4f4f4; margin: 10px;}.hp2 {width: 220px; height: 320px; outline: 1px solid #f4f4f4; margin: 10px; float: right; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; overflow: auto;}.hptit {background: #d2e7f1; border-bottom: 1px solid #D0DEE3; padding: 10px; color: #fff; font: 8px verdana; text-transform: uppercase; letter-spacing: 1px; text-align: right; height: 10px;}.hp2 span {color: #97b2c0; text-transform: uppercase; font-size: 9px}.hptit span {float: left; color: #fff}.hp3 {width: 450px; outline: 1px solid #f4f4f4; margin: 10px; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; padding-bottom: 20px;}.hpbo {padding: 20px; text-align: justify;padding-bottom: 1px;}#stats1 {width: 200px; display: inline-block; margin: 5px; position: relative; top: 10px; text-align: left; vertical-align: top; height: 24px;}.statin {width: 100%; height: 10px; background: #fdfdfd; border: 1px solid #f4f4f4;}.statin span {background: #d2e7f1; outline: 1px solid #D0DEE3; display: block; height: 10px}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}@font-face { font-family: "stockholm"; src:url('https://dl.dropboxusercontent.com/s/q84mzimvxzqawcj/HelloStockholm-Regular.ttf'); format("truetype");}</style><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">