<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">

 

<center><div class="lowlife"><div class="head"><div class="tri1"></div><div class="tri2"></div></div>

 

 <img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1521292295_69.jpg">

 <div class="tag">Virág Design</div>

 

 <div class="body"><div class="scroll">

 

   Portálépítés és portáldíszítés kezdőknek és haladóknak! <b> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</b> Portálépítés és portáldíszítés kezdőknek és haladóknak! <b> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</b> <b>Portálépítés és portáldíszítés kezdőknek és haladóknak!</b> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! <i>one</i> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! <b>Portálépítés és portáldíszítés kezdőknek és haladóknak!</b> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! <i>Portálépítés és portáldíszítés kezdőknek és haladóknak!</i> Portálépítés és portáldíszítés kezdőknek és haladóknak! <b>Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</b> Portálépítés és portáldíszítés kezdőknek és haladóknak!

   <p>Portálépítés és portáldíszítés kezdőknek és haladóknak!Portálépítés és portáldíszítés kezdőknek és haladóknak! <b>vRengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</b> Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design! <i>Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</i> Portálépítés és portáldíszítés kezdőknek és haladóknak!</p>

   <p>Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</p>

   <p>Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!

 

 </div></div><div class="foot"><div class="tri1"></div><div class="tri2"></div></div>

 

 <div class="txt">Portálépítés és portáldíszítés kezdőknek és haladóknak!<br>  Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</div>

 

</div>

</center>

 

<style>

 

 /** ACCENTS **/

 .lowlife img, .lowlife .head, .lowlife .foot, .lowlife .scroll::-webkit-scrollbar, .lowlife .scroll::-webkit-scrollbar-thumb { background:#C2B9D2!important; }

 .lowlife .body b, .lowlife i { color: #c58f98!important; }

 

 .lowlife {

   width: 300px; padding: 20px 0px; border-radius: 15px;

   background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1);

   -webkit-font-smoothing: antialiased; letter-spacing: 0;

 }

 

 .lowlife img {

   width: 100px; height: 100px;

   left: -50px; top: -120px;

   position: relative; display: block;

   padding: 20px; border-radius: 50%;

 }

 

 .lowlife .head {

   height: 100px; width: 300px; overflow: hidden;

   margin-top: 20px; 

 }

 

 .lowlife .foot {

   height: 100px; width: 300px; overflow: hidden;

   margin-top: 20px; 

 }

 

 .lowlife .shade { 

   margin-top: 0px;

 }

 

 .lowlife .tri1 {

   width: 0; height: 0; border-style: solid;

   border-width: 50px 300px 0 0;

   border-color: #ffffff transparent transparent transparent;

 }

 

 .lowlife .tri2 {

   width: 0; height: 0; border-style: solid;

   border-width: 0 0 50px 300px;

   border-color: transparent transparent #ffffff transparent;

 }

 

 .lowlife .tag {

   display: block; position: relative; top: -225px;

   left: 170px; -webkit-transform: rotate(-9.5deg);height: 10px;

   color: #fff; font: bold 12px roboto; text-align: left;

   text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.2);

 }

 

 .lowlife .body {

   font: 10px/12px roboto; text-align: justify;

   background: #fff; margin: -100px 40px 30px 40px;

 }

 

 .lowlife .scroll {

   max-height: 300px; overflow: auto; padding-right: 10px;

 }

 

 .lowlife .scroll::-webkit-scrollbar {

   width: 5px!important; border: solid 2px #fff!important;

 }

 

 .lowlife .scroll::-webkit-scrollbar-thumb {

   border: none!important; border-radius: 5px!important;

 }

 

 .lowlife .body b {

   font-size: 12px;

 }

 

 .lowlife .txt {

   color: #fff; font: bold 11px/11px roboto; text-transform: uppercase;

   margin-top: -65px; letter-spacing: -1px;

   -webkit-transform: rotate(-9.5deg); margin-bottom: 30px;

   text-shadow: 1px 1px 0 rgba(0,0,0,.2);

 }

 

</style>