<center>

<style class="text/css" type="text/css">

.sun {width: 250px; height: 250px; position: relative; overflow: hidden; -moz-border-radius: 15px; border-radius: 15px;} 

.sun1 {position: absolute; width: 250px; height: 100px; background: #F0E3B9;} 

.sun2 {position: absolute; background-size: 70px 70px; width: 70px; height: 70px; left: 15px; top: 15px; background-image:url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1588082908_11.jpg); border: 2px solid #FFF; -moz-border-radius: 10px; border-radius: 10px;} 

.sun3 {position: absolute; left: 90px; top: 42px; text-align: center; width: 155px; height: 20px; line-height: 20px; font-family: 'Oswald'; font-size: 18px; color: #000000;}

.sun4 {position: absolute; top: 80px; width: 250px; height: 60px; background: #E4CD7D; -moz-border-radius: 15px; border-radius: 15px;}

.sun5 {position: relative; top: 20px; height: 40px; font-family: Oswald; font-size: 14px; color: #FFF; line-height: 40px;} 

.sun6 {position: absolute; top: -150px; width: 250px; height: 150px; background: #E4CD7D; -webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;} 

.sun:hover .sun6{-webkit-transform:translateY(250px); transform:translateY(250px); -moz-transform:translateY(250px); -o-transform:translateY(250px);} 

.sun7 {width: 105px; margin-left: 15px; margin-top: 15px; height: 100px; color: #333; position:absolute; padding: 10px; background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size: 10px; font-family: Roboto; text-align: justify;}

.sun7:before {position: absolute; width: 12px; height: 30px; right: -21px; border-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-style: solid; border-width: 0px 10px; bottom: 2px; clip: rect(22px, 16px, 29px, 0px); content: " ";}

.sun8 {position: absolute; right: 15px; bottom: 20px; height: 80px; width: 80px; background-size: 80px 80px; overflow: hidden; border: 2px solid #FFF; -moz-border-radius: 40px; border-radius: 40px; background-image:url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1588082538_69.jpg);} 

.sun9{position: absolute; left: 105px; top: 70px; height: 20px; width: 125px;} </style>

<center>

<div class="sun">

<div class="sun4">

<div class="sun5">

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">www.jegvirag.gportal.hu</font></font></div>

</div>

<div class="sun6">

<div class="sun7">

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Portálépítés és portáldíszítés kezdőknek és haladóknak! </font><font style="vertical-align: inherit;">Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!</font></font></div>

<div class="sun8">

&nbsp;</div>

</div>

<div class="sun1">

<div class="sun2">

&nbsp;</div>

<div class="sun3">

<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Virág design</font></font></div>

</div>

</div>

</center>