<link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://dl.dropbox.com/scl/fi/5n7f9zkiikcpcsdmgu520/takeachance.css?rlkey=o6abujwcgxz8k8uimfxhd2fbz&raw=1"><link href="//dl.dropbox.com/s/7afzi55jzuv4za1/creditos.css" rel="stylesheet"/>   <div id="takeachance"><div class="takehead"><i class="cp cp-feather"></i> <b>Nombre del personaje</b> </div><div class="takecabecera"> <div class="takemini"><img src="https://via.placeholder.com/80"></div> <p>Pequeña <i>frase</i> donde puedes destacar cosas. Por ejemplo, <b>esto</b> es especial.</p> </div> <div class="takeseparador"></div> <div class="takecontent2"> <input type="radio" name="taketab" id="taketemas1" checked/> <input type="radio" name="taketab" id="taketemas2"/> <input type="radio" name="taketab" id="taketemas3"/> <input type="radio" name="taketab" id="taketemas4"/>   <label for="taketemas1"><i class="cp cp-home"></i></label> <label for="taketemas2"><i class="cp cp-cheers"></i></label> <label for="taketemas3"><i class="cp cp-fire"></i></label> <label for="taketemas4"><i class="cp cp-forbidden"></i></label>   <div class="boxtake boxtake1"> <div class="takerelist"> <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li>   <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li> </div></div>   <div class="boxtake boxtake2"> <div class="takerelist"> <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li>   <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li> </div></div>   <div class="boxtake boxtake3"> <div class="takerelist"> <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li>   <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li> </div></div>   <div class="boxtake boxtake4"> <div class="takerelist"> <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li>   <li class="takepersona"><div class="takepershead"><b>Nombre Apellido</b><i class="cp cp-home"></i></div> <div class="takepersimg" style="background:url('https://via.placeholder.com/70')"></div> <div class="takeperstext"> <b>Relación</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse non massa at sapien venenatis fringilla. Donec tincidunt viverra luctus.</div></li> </div></div></div></div><div id="creditosmary"><a href="https://maryskins.tumblr.com/">mary ✦ 2022</a></div>   <style>#takeachance{--borde: #dcdcdc; --fondoclaro:#ffffff; --fondomedio:#fafafa; --fondoscuro:#f1f1f1; --acento:#bf99cc; --borde-acento:#a38eab; --fuente:'Montserrat'; --fuente-tam:12px; --fuente-color:#000000;}</style> Advertisement  RAW Paste Data  Your Comment