Advertisement
mugglehuggles

godrics hollow

Jan 11th, 2019
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.89 KB | None | 0 0
  1. <style>
  2. .sf,td{display:none;}
  3. body{background:#252c2e;overflow:hidden;}
  4. th,body{font:8pt arial;color:#ffffff;}
  5. b{color:#d5e5e7;}
  6. i{font-family:georgia;color:#d5e5e7;}
  7. #snowyroad{background:url('https://i.ibb.co/VgBChhf/1.png') top center repeat-x local;top:0px;}
  8. #potterhouse{background:url('https://i.ibb.co/D9VTnyW/2.png') top center repeat-x local;top:110%;}
  9. #graveyard{background:url('https://i.ibb.co/WyFWYj9/3.png') top center repeat-x local;top:220%;}
  10. .part{width:100%;height:100%;overflow:auto;left:0px;}
  11. .text{width:700px;text-align:justify;margin-top:333px;overflow:hidden;height:auto;}
  12. a{color:#d7bc9f;text-decoration:none;}
  13. a:hover{color:#dedad1;}
  14. a,b{font: bold 6pt verdana;text-transform:uppercase;}
  15. </style>
  16.  
  17. <div id="snowyroad" class="part" style="position:absolute;"><center>
  18. <div class="text">
  19. <b>Bold</b> <i>italic</i> <a href="#potterhouse">Potter House</a><br>
  20. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et dapibus odio. Integer tempor dignissim tincidunt. Aenean diam urna, consectetur ac mauris nec, fermentum hendrerit mi. Praesent fringilla enim et sapien finibus, ac viverra lorem rhoncus. Vestibulum ultrices orci elit, vel fermentum lectus eleifend et. Sed felis quam, egestas ut tempus at, aliquet sed diam. Cras ut risus ipsum. Sed consequat tortor consectetur convallis rutrum. Donec vulputate nunc in elit luctus vehicula. Quisque ullamcorper lobortis scelerisque. Nam et sem leo. Fusce ante ligula, bibendum nec dolor nec, placerat venenatis dui. Fusce sit amet tristique neque. In quam tellus, sagittis nec sem sit amet, euismod interdum velit. Sed tincidunt felis a lectus sagittis rhoncus. In hac habitasse platea dictumst.
  21. <p>
  22. Suspendisse potenti. Donec rhoncus, velit in tristique scelerisque, mauris ex malesuada purus, ac scelerisque justo ligula eu lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed mauris pellentesque, consequat erat ut, pulvinar turpis. Morbi vulputate suscipit lectus, at sagittis risus tempor a. Sed rutrum ultrices eros, non tempor nisl porta id. Nulla facilisis vehicula mauris, sit amet feugiat dui rhoncus in. Etiam sed ullamcorper erat. Cras magna orci, euismod vitae ipsum at, blandit gravida mauris.
  23. <p>
  24. Donec volutpat feugiat condimentum. Maecenas eu mauris sit amet purus aliquam auctor non imperdiet neque. Praesent nec fringilla enim. Aenean scelerisque lorem nec nisi interdum, vel condimentum ligula placerat. Praesent tellus metus, blandit ac sollicitudin a, auctor quis diam. Phasellus porttitor est vitae dolor posuere tempor. Sed sapien nisl, venenatis at felis non, ultrices faucibus erat. Mauris libero magna, convallis quis imperdiet eget, dapibus ac odio.
  25. <p>
  26. Sed vel metus sed arcu ullamcorper pulvinar. Curabitur pellentesque ipsum sit amet enim euismod malesuada. Aliquam sit amet quam eleifend, suscipit nunc ac, consectetur sem. Aenean placerat nisi augue, nec facilisis ipsum tempor nec. Pellentesque lobortis enim sit amet diam scelerisque, et ornare arcu semper. Sed sit amet nibh sit amet turpis pellentesque commodo. Aenean accamsan eleifend tellus ac faucibus. Proin a turpis convallis leo eleifend tempor in sed ante. Suspendisse eu massa ut lorem volutpat auctor et vitae lacus.
  27. <p>
  28. Praesent sed finibus orci. Nulla quis porta nunc. Aliquam porta arcu in ipsum blandit, eu tincidunt orci condimentum. Mauris tristique bibendum eleifend. In luctus nunc urna, nec interdum sapien molestie viverra. Curabitur congue neque eget erat venenatis, a feugiat tortor elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae arcu quis turpis viverra accamsan. Integer euismod, mi ac auctor tempor, massa purus blandit nibh, vel mattis lectus lorem eget neque. In tempus faucibus arcu, eu iaculis augue hendrerit vel. Mauris venenatis in lacus vitae blandit. Duis sagittis efficitur dolor, quis pretium lectus commodo nec. Integer rhoncus laoreet ligula, quis pharetra sapien pharetra in. Nunc porttitor pellentesque varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  29. </div></center>
  30. </div>
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <div id="potterhouse" class="part" style="position:absolute;"><center>
  44. <div class="text">
  45. <b>Bold</b> <i>italic</i> <a href="#graveyard">Graveyard</a><br>
  46. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et dapibus odio. Integer tempor dignissim tincidunt. Aenean diam urna, consectetur ac mauris nec, fermentum hendrerit mi. Praesent fringilla enim et sapien finibus, ac viverra lorem rhoncus. Vestibulum ultrices orci elit, vel fermentum lectus eleifend et. Sed felis quam, egestas ut tempus at, aliquet sed diam. Cras ut risus ipsum. Sed consequat tortor consectetur convallis rutrum. Donec vulputate nunc in elit luctus vehicula. Quisque ullamcorper lobortis scelerisque. Nam et sem leo. Fusce ante ligula, bibendum nec dolor nec, placerat venenatis dui. Fusce sit amet tristique neque. In quam tellus, sagittis nec sem sit amet, euismod interdum velit. Sed tincidunt felis a lectus sagittis rhoncus. In hac habitasse platea dictumst.
  47. <p>
  48. Suspendisse potenti. Donec rhoncus, velit in tristique scelerisque, mauris ex malesuada purus, ac scelerisque justo ligula eu lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed mauris pellentesque, consequat erat ut, pulvinar turpis. Morbi vulputate suscipit lectus, at sagittis risus tempor a. Sed rutrum ultrices eros, non tempor nisl porta id. Nulla facilisis vehicula mauris, sit amet feugiat dui rhoncus in. Etiam sed ullamcorper erat. Cras magna orci, euismod vitae ipsum at, blandit gravida mauris.
  49. <p>
  50. Donec volutpat feugiat condimentum. Maecenas eu mauris sit amet purus aliquam auctor non imperdiet neque. Praesent nec fringilla enim. Aenean scelerisque lorem nec nisi interdum, vel condimentum ligula placerat. Praesent tellus metus, blandit ac sollicitudin a, auctor quis diam. Phasellus porttitor est vitae dolor posuere tempor. Sed sapien nisl, venenatis at felis non, ultrices faucibus erat. Mauris libero magna, convallis quis imperdiet eget, dapibus ac odio.
  51. <p>
  52. Sed vel metus sed arcu ullamcorper pulvinar. Curabitur pellentesque ipsum sit amet enim euismod malesuada. Aliquam sit amet quam eleifend, suscipit nunc ac, consectetur sem. Aenean placerat nisi augue, nec facilisis ipsum tempor nec. Pellentesque lobortis enim sit amet diam scelerisque, et ornare arcu semper. Sed sit amet nibh sit amet turpis pellentesque commodo. Aenean accamsan eleifend tellus ac faucibus. Proin a turpis convallis leo eleifend tempor in sed ante. Suspendisse eu massa ut lorem volutpat auctor et vitae lacus.
  53. <p>
  54. Praesent sed finibus orci. Nulla quis porta nunc. Aliquam porta arcu in ipsum blandit, eu tincidunt orci condimentum. Mauris tristique bibendum eleifend. In luctus nunc urna, nec interdum sapien molestie viverra. Curabitur congue neque eget erat venenatis, a feugiat tortor elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae arcu quis turpis viverra accamsan. Integer euismod, mi ac auctor tempor, massa purus blandit nibh, vel mattis lectus lorem eget neque. In tempus faucibus arcu, eu iaculis augue hendrerit vel. Mauris venenatis in lacus vitae blandit. Duis sagittis efficitur dolor, quis pretium lectus commodo nec. Integer rhoncus laoreet ligula, quis pharetra sapien pharetra in. Nunc porttitor pellentesque varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  55. </div></center>
  56. </div>
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <div id="graveyard" class="part" style="position:absolute;"><center>
  71. <div class="text">
  72. <b>Bold</b> <i>italic</i> <a href="#snowyroad">Snowy Road</a><br>
  73. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et dapibus odio. Integer tempor dignissim tincidunt. Aenean diam urna, consectetur ac mauris nec, fermentum hendrerit mi. Praesent fringilla enim et sapien finibus, ac viverra lorem rhoncus. Vestibulum ultrices orci elit, vel fermentum lectus eleifend et. Sed felis quam, egestas ut tempus at, aliquet sed diam. Cras ut risus ipsum. Sed consequat tortor consectetur convallis rutrum. Donec vulputate nunc in elit luctus vehicula. Quisque ullamcorper lobortis scelerisque. Nam et sem leo. Fusce ante ligula, bibendum nec dolor nec, placerat venenatis dui. Fusce sit amet tristique neque. In quam tellus, sagittis nec sem sit amet, euismod interdum velit. Sed tincidunt felis a lectus sagittis rhoncus. In hac habitasse platea dictumst.
  74. <p>
  75. Suspendisse potenti. Donec rhoncus, velit in tristique scelerisque, mauris ex malesuada purus, ac scelerisque justo ligula eu lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed mauris pellentesque, consequat erat ut, pulvinar turpis. Morbi vulputate suscipit lectus, at sagittis risus tempor a. Sed rutrum ultrices eros, non tempor nisl porta id. Nulla facilisis vehicula mauris, sit amet feugiat dui rhoncus in. Etiam sed ullamcorper erat. Cras magna orci, euismod vitae ipsum at, blandit gravida mauris.
  76. <p>
  77. Donec volutpat feugiat condimentum. Maecenas eu mauris sit amet purus aliquam auctor non imperdiet neque. Praesent nec fringilla enim. Aenean scelerisque lorem nec nisi interdum, vel condimentum ligula placerat. Praesent tellus metus, blandit ac sollicitudin a, auctor quis diam. Phasellus porttitor est vitae dolor posuere tempor. Sed sapien nisl, venenatis at felis non, ultrices faucibus erat. Mauris libero magna, convallis quis imperdiet eget, dapibus ac odio.
  78. <p>
  79. Sed vel metus sed arcu ullamcorper pulvinar. Curabitur pellentesque ipsum sit amet enim euismod malesuada. Aliquam sit amet quam eleifend, suscipit nunc ac, consectetur sem. Aenean placerat nisi augue, nec facilisis ipsum tempor nec. Pellentesque lobortis enim sit amet diam scelerisque, et ornare arcu semper. Sed sit amet nibh sit amet turpis pellentesque commodo. Aenean accamsan eleifend tellus ac faucibus. Proin a turpis convallis leo eleifend tempor in sed ante. Suspendisse eu massa ut lorem volutpat auctor et vitae lacus.
  80. <p>
  81. Praesent sed finibus orci. Nulla quis porta nunc. Aliquam porta arcu in ipsum blandit, eu tincidunt orci condimentum. Mauris tristique bibendum eleifend. In luctus nunc urna, nec interdum sapien molestie viverra. Curabitur congue neque eget erat venenatis, a feugiat tortor elementum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae arcu quis turpis viverra accamsan. Integer euismod, mi ac auctor tempor, massa purus blandit nibh, vel mattis lectus lorem eget neque. In tempus faucibus arcu, eu iaculis augue hendrerit vel. Mauris venenatis in lacus vitae blandit. Duis sagittis efficitur dolor, quis pretium lectus commodo nec. Integer rhoncus laoreet ligula, quis pharetra sapien pharetra in. Nunc porttitor pellentesque varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  82. </div></center>
  83. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement