Caduceus Clay Ficha

<div class="clay">
<div class="climg" style="background-image:url(https://placehold.it/500x250);">
<div class="cltitle">
<h>nombre del usuario</h>
<m>subtítulo o cita</m>
</div>
</div>
<div class="clbody">
<div class="cl1">
<div class="cldatos">
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
<span><strong>Dato:</strong><em>Contenido</em></span>
</div>
<div class="climg2" style="background-image:url(https://placehold.it/150x200);"></div>
</div>
<div class="cl2">
<div class="cltext"><h class="clh1">title type 1</h>
Lorem ipsum dolor sit amet.
<br/><br/>
<h class="clh2">title type 2</h>
Lorem ipsum dolor sit amet.
<br/><br/>
<h class="clh3">title type 3</h>
Lorem ipsum dolor sit amet.</div>
<div class="claviso">
<em class="th th-exclamation-o"></em>
<span>Contenido del aviso, no cabe mucha cosa pero es simplemente una zona de decoración; puedes meter una cita y cambiar el icono si te apetece.</span>
</div>
</div>
</div>
</div>
<a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style>.clay { --bckg1:#eee; --bckg2:#f1f1f1; --accent1:#d49fb6; --accent2:#c78da6; --title:#fff; --h1:#c78da6; --h2:#d49fb6; --h3:#777; --text:#666; --shadow-w: 1px 1px white, -1px 1px white, 1px -1px white, -1px -1px white; --shadow-d: 1px 1px rgba(0,0,0,0.15), -1px 1px rgba(0,0,0,0.15), 1px -1px rgba(0,0,0,0.15), -1px -1px rgba(0,0,0,0.15); --border1: 1px solid #ccc; }</style><link href="https://dl.dropbox.com/s/kakh96s5b87o1g3/clay.css" rel="stylesheet"/><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,700;1,200&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/>