Modelo Expediente
Hiraeth Society :: Files :: Expedientes
Página 1 de 1. • Comparte
Nombre Edad Nacionalidad PB |
Biografía
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
Vida Pasada
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
Datos Extras
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.
- Código:
<div class="bckwrp" style="background:url(http://placehold.it/360x400)"><div class="cont01"><div class="dt1"><table style="margin:0 auto;"><tr><td><div style="width:100px; height:100px; border:solid 1px dimgray;border-radius:100px; border:solid 5px gainsboro; background:url(http://placehold.it/100x100); margin-left:15px"></td><td><div style="width:200px; margin-left:25px"><div class="datob">Nombre</div><div class="datob">Edad</div><div class="datob">Nacionalidad</div><div class="datob">PB</div></div></td></tr></table><br><br><div class="tit1">Biografía</div><div style="padding:20px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et. <br><br>Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.</div>
<div class="tit1">Vida Pasada</div><div style="padding:20px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et. <br><br>Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.</div>
<div class="tit1">Datos Extras</div><div style="padding:20px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta vehicula erat, in egestas tellus tincidunt in. Vivamus ut volutpat diam, vitae tristique nibh. Cras venenatis leo diam, sit amet lacinia nisi suscipit vitae. Suspendisse potenti. In iaculis commodo ipsum non facilisis. Suspendisse nibh nisl, accumsan sit amet tempus vel, ultricies ut nulla. Nulla ornare est nec diam venenatis blandit. Aliquam consectetur ex lacus, et placerat nunc mattis vitae. Praesent commodo pretium est, at eleifend leo viverra et. <br><br>Cras blandit consequat dolor a commodo. Curabitur a dolor eget erat venenatis ultricies dapibus id risus. Integer fermentum nibh quis libero malesuada ullamcorper. Cras id efficitur leo. Aenean tempus felis in enim elementum, ac posuere ex aliquam. In eleifend, augue quis porttitor blandit, neque elit mollis sapien, tempus rhoncus dui purus in quam.</div></div></div>
</div>
<div class="cr1"><a href="http://sourcecode.foroactivo.com/u3129">Apolo for SourceCode</a></div>
<style type="text/css">.bckwrp{width:320px; height:360px;margin: auto; padding:20px; outline:1px solid gainsboro; border:solid 7px #fafafa} .dt1{width:300px;margin:auto; padding-top:20px; background:#FFF; font-family:scada; text-align:justify; font-size:11px; overflow-y:auto; outline:solid 1px gainsboro; outline-offset:5px; overflow-x:hidden;height:340px; -webkit-transition:all 0.8s ease-in-out; opacity:0; line-height:120%} .datob{width: 110px; padding:5px; background: gainsboro; height:10px; color: #000; text-align:center; text-transform:uppercase; font-family:scada; font-size:10px; letter-spacing:0.5px; margin:2px; transition:all 0.2s linear;-webkit- transition:all 0.2s linear;-moz- transition:all 0.2s linear; cursor:auto } .datob:hover{background: dimgray} .tit1{font-size:20px; font-family:merienda; margin-top:10px; margin:auto; text-align:center} .bckwrp:hover .dt1{opacity:1} .dt1::-webkit-scrollbar{background:gainsboro; width:3px} .dt1::-webkit-scrollbar-thumb{background:dimgray; width:3px} .cr1{text-align:center; width:300px; margin:auto; font-size:10px; margin-top:-5px} .cr1 a{font-family:calibri; text-transform:uppercase; text-decoration:none;}</style><link href="https://fonts.googleapis.com/css?family=Merienda:700|Scada" rel="stylesheet">
Hiraeth Society :: Files :: Expedientes
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
Jue Mayo 11, 2017 10:46 pm por Tandem
» Registro de PB
Lun Mayo 08, 2017 10:51 pm por Memoriae
» Preguntas frecuentes
Lun Mayo 08, 2017 9:57 pm por Tandem
» Modelo Expediente
Lun Mayo 08, 2017 8:43 pm por Memoriae
» Registro algo
Dom Mayo 07, 2017 3:48 pm por Memoriae
» Afiliaciones
Dom Mayo 07, 2017 2:00 pm por Memoriae
» Normas Generales
Dom Mayo 07, 2017 1:59 pm por Memoriae
» Modelo Búsqueda | No obligatorio
Dom Mayo 07, 2017 1:57 pm por Memoriae