076 | Split

<div id="cold">
<input type="radio" id="tb1" name="tab" checked></input>
<input type="radio" id="tb2" name="tab"></input>
<input type="radio" id="tb3" name="tab"></input>
<input type="radio" id="tb4" name="tab"></input>
<input type="radio" id="tb5" name="tab"></input>
<div class="cd-sid">
<span>we are what we believe we are</span>
</div>
<div class="cd-im">
<label for="tb1"><div class="cd-immi" style="background: url(https://via.placeholder.com/70); margin-top: 0px;"></div></label>
<label for="tb2"><div class="cd-immi" style="background: url(https://via.placeholder.com/70); background-size: 100%;"></div></label>
<label for="tb3"><div class="cd-immi" style="background: url(https://via.placeholder.com/70); background-size: 100%;"></div></label>
<label for="tb4"><div class="cd-immi" style="background: url(https://via.placeholder.com/70); background-size: 100%;"></div></label>
<label for="tb5"><div class="cd-immi" style="background: url(https://via.placeholder.com/70); background-size: 100%;"></div></label>

</div>
<div class="cd-bod"><div class="tb1">
<div class="title">
<h1>Kevin <span>Crumb</span></h1>
<strong>The broken are the more evolved.</strong>
</div>
<div id="txt">

¡Hola! Soy el texto de la primera pestaña.

</div>
</div><div class="tb2">
<div class="title"><h1>Dennis <span>Crumb</span></h1>
<strong>The broken are the more evolved.</strong>
</div>
<div id="txt">

¡Hola! Soy el texto de la segunda pestaña.

</div>
</div><div class="tb3">
<div class="title"><h1>Patricia <span>Crumb</span></h1>
<strong>The broken are the more evolved.</strong>
</div>
<div id="txt">

¡Hola! Soy el texto de la tercera pestaña.

</div>
</div><div class="tb4">
<div class="title"><h1>Hedwig <span>Crumb</span></h1>
<strong>The broken are the more evolved.</strong>
</div>
<div id="txt">

¡Hola! Soy el texto de la cuarta pestaña.

</div>
</div>
<div class="tb5">
<div class="title"><h1>Barry <span>Crumb</span></h1>
<strong>The broken are the more evolved.</strong>
</div>
<div id="txt">

¡Hola! Soy el texto de la quinta pestaña.

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

<link href="https://dl.dropbox.com/s/jfafldge1lelp9s/coldpc.css" rel="stylesheet">
<style>#cold input#tb1:checked ~ .cd-im {background: #8696A8}#cold .tb1 .title span {color: #8696A8; font-weight: 600}#cold input#tb2:checked ~ .cd-im {background: #CFA2BA}#cold .tb2 .title span {color: #CFA2BA; font-weight: 600}#cold input#tb3:checked ~ .cd-im {background: #A3CEA1}#cold .tb3 .title span {color: #A3CEA1; font-weight: 600}#cold input#tb4:checked ~ .cd-im {background: #FEECC7}#cold .tb4 .title span {color: #FEECC7; font-weight: 600}#cold input#tb5:checked ~ .cd-im {background: #A482A6} #cold .tb5 .title span {color: #A482A6; font-weight: 600}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:100,400,500,600,700,800&display=swap" rel="stylesheet">