Modelo de búsqueda

por **Oberon Dirnt** Lun Mar 19, 2018 10:28 am

nombre apellido

dato uno

dato dos

dato tres

dato cuatro

dato cinco

link de contacto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus malesuada lectus, vel consequat sapien volutpat eget.

Código:: <div id="pjenv"><div class="nmpj">nombre apellido</div><div class="fonpj" style="background:url(http://i.imgur.com/Nbuc3TR.gif)"><div class="apapj"><table><tr><td><div class="bopj1"><img src="http://i.imgur.com/p9Ra4YG.gif"><div class="ley1">dato uno</div><div class="ley1">dato dos</div><div class="ley1">dato tres</div><div class="ley1">dato cuatro</div><div class="ley1">dato cinco</div><a href="">link de contacto</a></div></td><td><div class="boxpj2"><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus malesuada lectus, vel consequat sapien volutpat eget. </b></div></td></tr></table></div></div></div><center><a href="http://madeinsevilla93.tumblr.com/" style="text-decoration:none;color:black;font-size:14px;"></a></center> <style>#pjenv {width:410px;padding:10px;background:#e5e4e5;height:220px;position:relative;margin:0 auto}.nmpj {background:black;color:white;padding:10px;text-align:center;font:12px calibri;text-transform:uppercase;letter-spacing:1px;font-weight:bold;height:12px;line-height:100%;}.fonpj {width:410px;height:180px;background:gray;border-bottom:5px solid black;overflow:hidden;}.apapj {width:410px;height:180px;background:rgba(255,255,255,0.7);margin-left:0px;transform:scale(0);transition:0.7s;}.bopj1 {;width:180px;height:175px;border-right:2px solid black;padding-right:5px;line-height:100%;font:10px calibri;overflow:auto;}.ley1 {font-family: montserrat;font-size: 8px;color: #202020;text-align: left;text-transform: uppercase; font-style: italic;margin-bottom: 3px;padding-left: 7px;margin-left:7px;border-left:10px solid black}.bopj1 a {display:block;background:black;margin-left:7px;padding:5px;font:9px calibri;margin-top:10px;color:white;text-align:center;text-transform:uppercase;text-decoration:none;letter-spacing:1px;transition:0.5s;}.bopj1 a:hover {background:#9a0a0a;transition:0.5s;}.boxpj2 {margin-left:0px;padding:12px;font:11px calibri;text-align:justify;height:150px;overflow:auto;line-height:100%;color:black}#pjenv:hover .apapj {transform:scale(1);transition:0.5s;}</style>