<div><div class="base"><div class="appy">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla
mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div><div class="appyz"></div><div class="basez">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked
up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus
Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line
in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied
by English versions from the 1914 translation by H. Rackham.</div><div class="base2"></div><div class="hist">One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by
arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?"
he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it
there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower
arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops</div><div class="histz"></div></div><div class="extra">So many little bits of stuff.</div></div>
<style>
.base{margin:auto;position:relative;background:url(https://i.pinimg.com/564x/87/fa/c8/87fac8a1c3e060b2807d17af48683c19.jpg) 0px 0px/100% 100%;width:300px;height:450px;overflow:hidden;border:3px solid #60502c;} .basez{box-sizing:border-box;position:absolute;top:150px;width:200px;height:125px;background:#2f2926;font-family:garamond;color:#60502c;font-size:13px;padding:5px;overflow:scroll;} .base2{position:relative;top:150px;width:100%;height:125px;background:url(https://i.pinimg.com/564x/87/fa/c8/87fac8a1c3e060b2807d17af48683c19.jpg)0px -150px/100% 450px;-webkit-transition:1s all;} .appy{box-sizing:border-box;position:absolute;width:125px;height:135px;background:#2f2926;overflow:scroll;font-family:garamond;color:#60502c;padding:5px;font-size:13px;} .appyz{position:absolute;width:125px;height:135px;background:url(https://i.pinimg.com/564x/87/fa/c8/87fac8a1c3e060b2807d17af48683c19.jpg)0px 0px/300px 450px;-webkit-transition:1s all;} .hist{box-sizing:border-box;position:absolute;right:0px;bottom:0px;width:175px;height:150px;background:#2f2926;overflow:scroll;font-family:garamond;color:#60502c;padding:5px;font-size:13px;} .histz{position:absolute;bottom:0px;right:0px;width:175px;height:150px;background:url(https://i.pinimg.com/564x/87/fa/c8/87fac8a1c3e060b2807d17af48683c19.jpg) -125px -300px/300px 450px;-webkit-transition:1s all;} .extra{box-sizing:border-box;position:relative;top:-120px;z-index:-1;padding:4px;width:306px;height:120px;margin:auto;background:#60502c;visibility:visible;-webkit-transition:1s all;transition-delay:0s;} .base:hover .base2{margin-left:200px;-webkit-transition:1s all;} .base:hover .appyz{margin-top:250px;} .basez::-webkit-scrollbar{height:0px;width:5px;} .base:hover .histz{margin-bottom:300px;} .basez::-webkit-scrollbar-track{background:#60502c;border-right:2px solid #2f2926;border-left:2px solid #2f2926;} .basez::-webkit-scrollbar-thumb{background:#60502c;} .appy::-webkit-scrollbar{height:0px;width:5px;} .appy::-webkit-scrollbar-track{background:#60502c;border-right:2px solid #2f2926;border-left:2px solid #2f2926;} .appy::-webkit-scrollbar-thumb{background:#60502c;} .hist::-webkit-scrollbar{height:0px;width:5px;} .hist::-webkit-scrollbar-track{background:#60502c;border-right:2px solid #2f2926;border-left:2px solid #2f2926;} .hist::-webkit-scrollbar-thumb{background:#60502c;} .base:hover+.extra{top:0px;-webki-transition:1s all;transition-delay:.5s;}
</style>
Home 