</div>
<div class="bodyblog-card"><div class="biografia" style="display: grid; gridinner-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-gap: 20px;part"><div classlabel for="card"><div class="layerimg"></divlabel><div class="contenidocontent">Arcu bibendum conubia tempor gravida varius proin phasellus rhoncus dui nec, integer ut himenaeos tincidunt dictumst maecenas non eu molestie primis, condimentum hendrerit metus auctor sociis senectus sodales litora lobortis. Duis nulla primis ad eu mattis hac, semper luctus sociis fusce lacus pretium, rutrum elementum nunc vulputate varius. Vel placerat tortor tempor lacus tristique interdum gravida, rhoncus est aliquam orci laoreet felis, maecenas nisi mi at torquent justo.<div span class="imagenspan02">[[Archivo:Salarrue.jpg]]</divspan><div class="detallestitle"><h2/div>Someone Famous<br><span div class="spantext">Website Designer</spandiv></h2buttin></divbutton>
</div>
</div>
</div>
<div class="bodyblog-card"> <div classinput type="radio" name="biografiaselect" styleid="display: grid; gridtap-template1" checked> <input type="radio" name="select" id="tap-columns: repeat(auto2"> <input type="radio" name="select" id="tap-fit, minmax(350px, 1fr)); grid-gap: 20px;3"> <input type="checkbox" id="imgTap"> <div class="cardsliders"> <label for="tap-1" class="tap tap-1"></label> <div label for="tap-2" class="layertap tap-2"></divlabel> <div label for="tap-3" class="contenidotap tap-3"><p/label>Arcu bibendum conubia tempor gravida varius proin phasellus rhoncus dui nec, integer ut himenaeos tincidunt dictumst maecenas non eu molestie primis, condimentum hendrerit metus auctor sociis senectus sodales litora lobortis. Duis nulla primis ad eu mattis hac, semper luctus sociis fusce lacus pretium, rutrum elementum nunc vulputate varius. Vel placerat tortor tempor lacus tristique interdum gravida, rhoncus est aliquam orci laoreet felis, maecenas nisi mi at torquent justo. </pdiv><div class="imageninner-part">[[Archivo:Salarrue.jpg]] </divlabel for="imgTap" class="img"> <div img class="detallesimg-1" src="#"> </label> <div class="h2content content-1">Someone Famous <brspan>26 December 2017</span > <div class="spantitle">Website DesignerLorem Ipsum Dolor</spandiv></divclass="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo animi atque aliquid pariatur voluptatem numquam, quisquam. Neque est voluptates doloribus!</div><button>Read more</divbutton> </div>
</div>
<div class="bodyinner-part"> <div classlabel for="biografiaimgTap" styleclass="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-gap: 20px;img"> <div img class="cardimg-2"><div classsrc="layer#"> </divlabel> <div class="contenidocontent content-2"> <div class="p"span>Arcu bibendum conubia tempor gravida varius proin phasellus rhoncus dui nec, integer ut himenaeos tincidunt dictumst maecenas non eu molestie primis, condimentum hendrerit metus auctor sociis senectus sodales litora lobortis. Duis nulla primis ad eu mattis hac, semper luctus sociis fusce lacus pretium, rutrum elementum nunc vulputate varius. Vel placerat tortor tempor lacus tristique interdum gravida, rhoncus est aliquam orci laoreet felis, maecenas nisi mi at torquent justo.26 December 2018</divspan> <div class="imagentitle">[[Archivo:Salarrue.jpg]]Lorem Ipsum Dolor</div><div class="detallestext">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum eos ut consectetur numquam ullam fuga animi laudantium nobis rem molestias.</div class="h2">Someone Famous<br><span class="span">Website Designer</spanbutton>Read more</divbutton> </div>
</div>
<div class="inner-part">
<label for="imgTap" class="img">
<img class="img-3" src="#">
</label>
<div class="content content-3">
<span>26 December 2019</span>
<div class="title">
Lorem Ipsum Dolor</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod excepturi nemo commodi sint eum ipsam odit atque aliquam officia impedit.</div>
<button>Read more</button>
</div>
</div>
</div>