<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Roboto' rel='stylesheet' type='text/css'><style>#redo {width: 300px; padding: 10px; border: 40px solid #882233; background-color: #f7f7f7;;}
.redo-image {width: 300px; height: 300px; background-image: url(https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1587026746_82.jpg); background-repeat: no-repeat; border: 1px dotted #121212; position: relative; overflow: hidden;}
#redo .redo-two {background-color: #882233; position: absolute; padding: 5px; font-family: pathway gothic, roboto, arial; color: #fff; font-size: 7px; text-transform: uppercase; left: 20px; top: 260px; width: 250px; letter-spacing: 1px; transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -webkit-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition-delay: 0.5s; -moz-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
#redo:hover .redo-two {top: -50px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
#redo .redo-three {padding: 20px; left: 20px; position: absolute; top: 330px; transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; width: 220px; height: 220px; background-color: #fff; border: 1px solid #e0e0e0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
#redo:hover .redo-three {top: 20px; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s;}
.redo-write {color: #222; font-family: arial; font-size: 11px; text-align: justify; line-height: 90%; overflow: auto; padding-right: 7px; height: 220px;}
.redo-write b {color: #882233; font-size: 13px;}
.redo-write p:first-letter {font-family: pathway gothic one; font-size: 30px; text-transform: uppercase; float: left; margin: 10px; background-color: #882233; padding: 10px; color: #fff;}</style>
<center><div id="redo"><div class="redo-image"><div class="redo-two">JégVirág Design---jegvirag.gportal.hu</div><div class="redo-three"><div class="redo-write"><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> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. <P> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. <P> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. <P> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. <P> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div></div></div></div>