Ronald Shipper

<div class="ronald">
<input id="r1" type="radio" name="ronald" checked></input>
<input id="r2" type="radio" name="ronald"></input>
<input id="r3" type="radio" name="ronald"></input>
<input id="r4" type="radio" name="ronald"></input>
<div class="rbody">
<div class="r1">
<div class="rtext">
<h>N</h>
<p>A quote goes here.</p>
</div>
<div class="rimg" style="background:url(http://placehold.it/240x340);"></div>
</div>
<div class="r2">
<h><i class="sf sf-heart-o"></i></h>
<div class="renv">
<div class="rrelas">
<!-- Copia de aquí -->
<div class="rrela" style="background-image:url(http://placehold.it/150x350);">
<div class="rinfo">
<h>Name C.</h>
<p>A description of the relationship or just the name of the relationship, as you please. It has scroll.</p>
</div>
</div>
<!-- Hasta aquí, y pega a partir de aquí, entre estos dos cierres -->
</div>
</div>
</div>
<div class="r3">
<h><i class="sf sf-skull-1-o"></i></h>
<div class="renv">
<div class="rrelas">
<!-- Copia de aquí -->
<div class="rrela" style="background-image:url(http://placehold.it/150x350);">
<div class="rinfo">
<h>Name C.</h>
<p>A description of the relationship or just the name of the relationship, as you please. It has scroll.</p>
</div>
</div>
<!-- Hasta aquí, y pega a partir de aquí, entre estos dos cierres -->
</div>
</div>
</div>
<div class="r4">
<h><i class="sf sf-group-1-o"></i></h>
<div class="renv">
<div class="rrelas">
<!-- Copia de aquí -->
<div class="rrela" style="background-image:url(http://placehold.it/150x350);">
<div class="rinfo">
<h>Name C.</h>
<p>A description of the relationship or just the name of the relationship, as you please. It has scroll.</p>
</div>
</div>
<!-- Hasta aquí, y pega a partir de aquí, entre estos dos cierres -->
</div>
</div>
</div>
</div>
<div class="rheader">
<h>Name of Character</h>
<div class="rlinks">
<label for="r1"><i class="sf sf-home-o"></i></label>
<label for="r2"><i class="sf sf-heart-o"></i></label>
<label for="r3"><i class="sf sf-skull-1-o"></i></label>
<label for="r4"><i class="sf sf-group-1-o"></i></label>
</div>
</div>
</div>
<a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style>.ronald {--bckg-1: #fafafa;--bckg-2: #f4f4f4;--bckg-3: rgba(255,255,255,0.80);--border-1: #f4f4f4;--border-2: #cfcfcf;--accent-1: #be8c76;--accent-2: #a26d55;--shadow: #fff;--txt: #666;}</style><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"/><link href="https://dl.dropbox.com/s/pxanj21qaxbsdf4/Signerica.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/vr4x0girh81yook/ronald.css" rel="stylesheet"/>