API tools faq
paste
Advertisement
aprilcodes

hope is a powerful thing | backstory | collab

aprilcodes
May 23rd, 2022
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <html>
  5.  
  6. <link href="https://fonts.googleapis.com/css2?family=Macondo&display=swap" rel="stylesheet">
  7.  
  8. <style>
  9.  
  10. /*Scrollbar*/
  11. ::-webkit-scrollbar {width: 0px;}
  12. ::-webkit-scrollbar-thumb {background: #fff;}
  13. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  14.  
  15. .bg{
  16. width:650px;
  17. height:750px;
  18. background:#eee;
  19. color:#000;
  20. font-family:'times' sans serif;
  21. font-size:13px;
  22. border:solid 2px #333;
  23. border-radius:20px;
  24. text-align:left;
  25. }
  26.  
  27. .header{
  28. width:650px;
  29. height:150px;
  30. background:#8f9fb0;
  31. border-radius:20px 20px 0px 0px;
  32. }
  33.  
  34. .quote{
  35. width:650px;
  36. height:20px;
  37. padding:15px;
  38. text-align:center;
  39. font-size:15px;
  40. font-family: 'Macondo', cursive;
  41. }
  42.  
  43. .body{
  44. height:400px;
  45. width:600px;
  46. padding:25px;
  47. }
  48.  
  49. .buttons{
  50. height:100px;
  51. width:650px;
  52. background:#8f9fb0;
  53. border-radius:0px 0px 20px 20px;
  54. }
  55.  
  56. </style>
  57.  
  58.  
  59. <body>
  60.  
  61. <center>
  62.  
  63. <div class="bg">
  64.  
  65. <div class="header">
  66.  
  67. <div style="padding:20px"><img src="https://i.pinimg.com/474x/98/4a/5b/984a5b9767e0926005b8dac53d6204e6.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-left:25px;">
  68.  
  69. <center>
  70. <img src="https://fontmeme.com/permalink/220523/c55fa797c897858fbd22dc828b22b4a3.png"style="width:300px;margin-top:30px">
  71. </center>
  72.  
  73. </div>
  74.  
  75. </div>
  76.  
  77.  
  78. <div class="quote">
  79.  
  80.  
  81. <img src="https://i.ibb.co/JndTTMH/34-344995-bow-and-arrow-png-transparent-png-removebg-preview.png"style="width:50px;margin-top:-15px;margin-left:15px;transform:rotate(136deg);float:left">
  82.  
  83. <div style="width:560px">
  84. "she imagined he was more like a starry night"
  85. </div>
  86.  
  87. <img src="https://i.ibb.co/JndTTMH/34-344995-bow-and-arrow-png-transparent-png-removebg-preview.png"style="width:50px;margin-top:-35px;margin-right:45px;transform:rotate(315deg);float:right">
  88.  
  89. </div>
  90.  
  91. <div class="body">
  92.  
  93. <div style="height:400px;text-align:justify;overflow:hidden;">
  94.  
  95. <!-- PAGE ONE -->
  96. <a name="1">
  97.  
  98. <center>
  99. <img src="https://fontmeme.com/permalink/220523/019bdc06ee794ac267df49a24fc8612b.png"style="width:200px">
  100. </center>
  101.  
  102. <div style="height:400px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  103.  
  104.  
  105. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  106.  
  107. <br><br>
  108.  
  109. <img src="https://i.pinimg.com/474x/a7/f3/76/a7f376c8feae19563454f6db75d0dbb0.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;">
  110.  
  111. <div style="float:right;width:425px">
  112. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  113. </div>
  114.  
  115. <img src="https://i.pinimg.com/474x/72/2c/6a/722c6a4836231485d5e89010d761a5f3.jpg"style="clear:both;width:100px;height:100px;float:right;padding:2px;border-radius:50%;border-right:solid 5px #333;border-bottom:solid 3px #333;margin-top:20px">
  116.  
  117. <div style="float:left;width:425px;margin-top:20px">
  118. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  119.  
  120. </div>
  121.  
  122.  
  123. <div style="clear:both;margin-top:275px">
  124.  
  125. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  126.  
  127. <br><br><br><br>
  128.  
  129. </div>
  130.  
  131. </div></a>
  132.  
  133. <!-- PAGE TWO -->
  134. <a name="2">
  135.  
  136. <center>
  137. <img src="https://fontmeme.com/permalink/220523/019bdc06ee794ac267df49a24fc8612b.png"style="width:200px">
  138. </center>
  139.  
  140. <div style="height:400px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  141.  
  142. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  143.  
  144. <br><br>
  145. <img src="https://i.pinimg.com/474x/1c/c6/7d/1cc67da7ed9313996399e7dac6db3188.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-right:20px;margin-bottom:20px">
  146.  
  147. Quisque tempor eleifend leo id mollis. Phasellus quis urna ut nibh congue ornare. Morbi diam eros, laoreet in luctus vitae, interdum sed ante. Nunc semper placerat nulla ac sagittis. Nunc feugiat id nulla vitae malesuada. Vestibulum luctus gravida justo, at commodo enim condimentum vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis quam ligula, ut vulputate est varius sit amet. Suspendisse ut posuere neque.
  148.  
  149. <br><br>
  150.  
  151. Curabitur convallis diam eget lacus ullamcorper vehicula. In sed molestie massa, lobortis elementum tellus. Aenean ultricies id nisl id viverra. Vivamus vulputate convallis sapien. Proin vestibulum nec neque eu mollis. Etiam quam mi, mollis vel sapien id, finibus molestie mauris. Donec dignissim orci sed sem sagittis vulputate. Aliquam bibendum faucibus eros at lacinia. Aliquam eget nulla maximus, egestas urna nec, posuere nibh. Pellentesque eget nisi est. Vivamus mauris elit, luctus ut massa eu, laoreet mattis tellus. Nunc in felis sit amet dui dictum tincidunt.
  152.  
  153. <br><br>
  154. <img src="https://i.pinimg.com/474x/82/ca/d5/82cad5bc87f28a87ef05de9f78cb95e1.jpg"style="width:100px;height:100px;float:right;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-left:20px;margin-bottom:20px">
  155.  
  156. Curabitur ut viverra velit, vitae tempus arcu. Integer posuere fermentum dolor, vitae fermentum ligula laoreet ac. Ut eu dictum libero. Vestibulum et gravida nibh. Vestibulum interdum odio nec eros tincidunt luctus. Curabitur mattis arcu at ex malesuada, non facilisis eros sollicitudin. Suspendisse maximus nulla vel dui vehicula aliquam. Phasellus vulputate feugiat leo. Sed ultricies euismod velit vel malesuada. Etiam et libero vestibulum, aliquet neque quis, vulputate magna. Curabitur at pellentesque massa. Sed hendrerit tortor non velit viverra porttitor.
  157.  
  158. <br><br>
  159.  
  160. Maecenas viverra tincidunt augue id molestie. Aliquam rutrum lectus at lorem congue, ut posuere diam tincidunt. Sed hendrerit augue sed nibh venenatis, eget accumsan turpis porttitor. Pellentesque pellentesque odio eu nisi porta, ac euismod eros tristique. Integer finibus, sapien in aliquet porta, elit tellus tincidunt risus, feugiat gravida tortor lorem ut lectus. Morbi finibus eu ligula eu ultricies. Donec tellus leo, laoreet a neque sed, dapibus sagittis arcu. Phasellus non sapien enim. Cras ut nisi urna. Sed at venenatis tellus, et rhoncus nulla. Sed ullamcorper condimentum blandit.
  161.  
  162. <br><br><br><br>
  163.  
  164. </div></a>
  165.  
  166. <!-- PAGE THREE -->
  167. <a name="3">
  168.  
  169. <center>
  170. <img src="https://fontmeme.com/permalink/220523/019bdc06ee794ac267df49a24fc8612b.png"style="width:200px">
  171. </center>
  172.  
  173. <div style="height:400px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  174.  
  175. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  176.  
  177. <br><br>
  178. <img src="https://i.pinimg.com/474x/1c/c6/7d/1cc67da7ed9313996399e7dac6db3188.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-right:20px;margin-bottom:20px">
  179.  
  180. Quisque tempor eleifend leo id mollis. Phasellus quis urna ut nibh congue ornare. Morbi diam eros, laoreet in luctus vitae, interdum sed ante. Nunc semper placerat nulla ac sagittis. Nunc feugiat id nulla vitae malesuada. Vestibulum luctus gravida justo, at commodo enim condimentum vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis quam ligula, ut vulputate est varius sit amet. Suspendisse ut posuere neque.
  181.  
  182. <br><br>
  183.  
  184. Curabitur convallis diam eget lacus ullamcorper vehicula. In sed molestie massa, lobortis elementum tellus. Aenean ultricies id nisl id viverra. Vivamus vulputate convallis sapien. Proin vestibulum nec neque eu mollis. Etiam quam mi, mollis vel sapien id, finibus molestie mauris. Donec dignissim orci sed sem sagittis vulputate. Aliquam bibendum faucibus eros at lacinia. Aliquam eget nulla maximus, egestas urna nec, posuere nibh. Pellentesque eget nisi est. Vivamus mauris elit, luctus ut massa eu, laoreet mattis tellus. Nunc in felis sit amet dui dictum tincidunt.
  185.  
  186. <br><br>
  187. <img src="https://i.pinimg.com/474x/82/ca/d5/82cad5bc87f28a87ef05de9f78cb95e1.jpg"style="width:100px;height:100px;float:right;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-left:20px;margin-bottom:20px">
  188.  
  189. Curabitur ut viverra velit, vitae tempus arcu. Integer posuere fermentum dolor, vitae fermentum ligula laoreet ac. Ut eu dictum libero. Vestibulum et gravida nibh. Vestibulum interdum odio nec eros tincidunt luctus. Curabitur mattis arcu at ex malesuada, non facilisis eros sollicitudin. Suspendisse maximus nulla vel dui vehicula aliquam. Phasellus vulputate feugiat leo. Sed ultricies euismod velit vel malesuada. Etiam et libero vestibulum, aliquet neque quis, vulputate magna. Curabitur at pellentesque massa. Sed hendrerit tortor non velit viverra porttitor.
  190.  
  191. <br><br>
  192.  
  193. Maecenas viverra tincidunt augue id molestie. Aliquam rutrum lectus at lorem congue, ut posuere diam tincidunt. Sed hendrerit augue sed nibh venenatis, eget accumsan turpis porttitor. Pellentesque pellentesque odio eu nisi porta, ac euismod eros tristique. Integer finibus, sapien in aliquet porta, elit tellus tincidunt risus, feugiat gravida tortor lorem ut lectus. Morbi finibus eu ligula eu ultricies. Donec tellus leo, laoreet a neque sed, dapibus sagittis arcu. Phasellus non sapien enim. Cras ut nisi urna. Sed at venenatis tellus, et rhoncus nulla. Sed ullamcorper condimentum blandit.
  194.  
  195. <br><br><br><br>
  196.  
  197. </div></a>
  198.  
  199.  
  200. <!-- PAGE FOUR -->
  201. <a name="4">
  202.  
  203. <center>
  204. <img src="https://fontmeme.com/permalink/220523/019bdc06ee794ac267df49a24fc8612b.png"style="width:200px">
  205. </center>
  206.  
  207. <div style="height:400px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  208.  
  209. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  210.  
  211. <br><br>
  212. <img src="https://i.pinimg.com/474x/ff/d1/4b/ffd14bb462c4064279080b8cc2e079ab.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-right:20px;margin-bottom:20px">
  213.  
  214. Quisque tempor eleifend leo id mollis. Phasellus quis urna ut nibh congue ornare. Morbi diam eros, laoreet in luctus vitae, interdum sed ante. Nunc semper placerat nulla ac sagittis. Nunc feugiat id nulla vitae malesuada. Vestibulum luctus gravida justo, at commodo enim condimentum vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis quam ligula, ut vulputate est varius sit amet. Suspendisse ut posuere neque.
  215.  
  216. <br><br>
  217.  
  218. Curabitur convallis diam eget lacus ullamcorper vehicula. In sed molestie massa, lobortis elementum tellus. Aenean ultricies id nisl id viverra. Vivamus vulputate convallis sapien. Proin vestibulum nec neque eu mollis. Etiam quam mi, mollis vel sapien id, finibus molestie mauris. Donec dignissim orci sed sem sagittis vulputate. Aliquam bibendum faucibus eros at lacinia. Aliquam eget nulla maximus, egestas urna nec, posuere nibh. Pellentesque eget nisi est. Vivamus mauris elit, luctus ut massa eu, laoreet mattis tellus. Nunc in felis sit amet dui dictum tincidunt.
  219.  
  220. <br><br>
  221. <img src="https://i.pinimg.com/474x/c9/2b/e2/c92be222119e60737c718ea3514df3c4.jpg"style="width:100px;height:100px;float:right;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-left:20px;margin-bottom:20px">
  222.  
  223. Curabitur ut viverra velit, vitae tempus arcu. Integer posuere fermentum dolor, vitae fermentum ligula laoreet ac. Ut eu dictum libero. Vestibulum et gravida nibh. Vestibulum interdum odio nec eros tincidunt luctus. Curabitur mattis arcu at ex malesuada, non facilisis eros sollicitudin. Suspendisse maximus nulla vel dui vehicula aliquam. Phasellus vulputate feugiat leo. Sed ultricies euismod velit vel malesuada. Etiam et libero vestibulum, aliquet neque quis, vulputate magna. Curabitur at pellentesque massa. Sed hendrerit tortor non velit viverra porttitor.
  224.  
  225. <br><br>
  226.  
  227. Maecenas viverra tincidunt augue id molestie. Aliquam rutrum lectus at lorem congue, ut posuere diam tincidunt. Sed hendrerit augue sed nibh venenatis, eget accumsan turpis porttitor. Pellentesque pellentesque odio eu nisi porta, ac euismod eros tristique. Integer finibus, sapien in aliquet porta, elit tellus tincidunt risus, feugiat gravida tortor lorem ut lectus. Morbi finibus eu ligula eu ultricies. Donec tellus leo, laoreet a neque sed, dapibus sagittis arcu. Phasellus non sapien enim. Cras ut nisi urna. Sed at venenatis tellus, et rhoncus nulla. Sed ullamcorper condimentum blandit.
  228.  
  229. <br><br><br><br>
  230.  
  231. </div></a>
  232.  
  233.  
  234. <!-- PAGE FIVE -->
  235. <a name="5">
  236.  
  237. <center>
  238. <img src="https://fontmeme.com/permalink/220523/019bdc06ee794ac267df49a24fc8612b.png"style="width:200px">
  239. </center>
  240.  
  241. <div style="height:400px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  242.  
  243. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod mollis lectus, sit amet dictum elit pellentesque vel. Maecenas id tellus ante. Ut quis elementum nisl. Maecenas ex nisl, laoreet quis ex ac, convallis varius magna. Mauris dignissim mauris ut sapien mollis, vel sodales nulla euismod. Suspendisse sit amet ultricies ex, vel mollis quam. Mauris at lorem vitae neque feugiat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. In in turpis in velit imperdiet maximus. Cras auctor nisl ut ex gravida efficitur. Ut elementum scelerisque finibus. Donec gravida pretium purus id placerat. Maecenas commodo rutrum varius.
  244.  
  245. <br><br>
  246. <img src="https://i.pinimg.com/474x/58/20/48/5820488ba0b5859368c37c4851c7496a.jpg"style="width:100px;height:100px;float:left;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-right:20px;margin-bottom:20px">
  247.  
  248. Quisque tempor eleifend leo id mollis. Phasellus quis urna ut nibh congue ornare. Morbi diam eros, laoreet in luctus vitae, interdum sed ante. Nunc semper placerat nulla ac sagittis. Nunc feugiat id nulla vitae malesuada. Vestibulum luctus gravida justo, at commodo enim condimentum vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis quam ligula, ut vulputate est varius sit amet. Suspendisse ut posuere neque.
  249.  
  250. <br><br>
  251.  
  252. Curabitur convallis diam eget lacus ullamcorper vehicula. In sed molestie massa, lobortis elementum tellus. Aenean ultricies id nisl id viverra. Vivamus vulputate convallis sapien. Proin vestibulum nec neque eu mollis. Etiam quam mi, mollis vel sapien id, finibus molestie mauris. Donec dignissim orci sed sem sagittis vulputate. Aliquam bibendum faucibus eros at lacinia. Aliquam eget nulla maximus, egestas urna nec, posuere nibh. Pellentesque eget nisi est. Vivamus mauris elit, luctus ut massa eu, laoreet mattis tellus. Nunc in felis sit amet dui dictum tincidunt.
  253.  
  254. <br><br>
  255. <img src="https://i.pinimg.com/474x/ef/21/03/ef2103f5ed9daaf5c6f4088db57664ca.jpg"style="width:100px;height:100px;float:right;padding:2px;border-radius:50%;border-left:solid 5px #333;border-bottom:solid 3px #333;margin-left:20px;margin-bottom:20px">
  256.  
  257. Curabitur ut viverra velit, vitae tempus arcu. Integer posuere fermentum dolor, vitae fermentum ligula laoreet ac. Ut eu dictum libero. Vestibulum et gravida nibh. Vestibulum interdum odio nec eros tincidunt luctus. Curabitur mattis arcu at ex malesuada, non facilisis eros sollicitudin. Suspendisse maximus nulla vel dui vehicula aliquam. Phasellus vulputate feugiat leo. Sed ultricies euismod velit vel malesuada. Etiam et libero vestibulum, aliquet neque quis, vulputate magna. Curabitur at pellentesque massa. Sed hendrerit tortor non velit viverra porttitor.
  258.  
  259. <br><br>
  260.  
  261. Maecenas viverra tincidunt augue id molestie. Aliquam rutrum lectus at lorem congue, ut posuere diam tincidunt. Sed hendrerit augue sed nibh venenatis, eget accumsan turpis porttitor. Pellentesque pellentesque odio eu nisi porta, ac euismod eros tristique. Integer finibus, sapien in aliquet porta, elit tellus tincidunt risus, feugiat gravida tortor lorem ut lectus. Morbi finibus eu ligula eu ultricies. Donec tellus leo, laoreet a neque sed, dapibus sagittis arcu. Phasellus non sapien enim. Cras ut nisi urna. Sed at venenatis tellus, et rhoncus nulla. Sed ullamcorper condimentum blandit.
  262.  
  263. <br><br><br><br>
  264.  
  265. </div></a>
  266.  
  267.  
  268. </div>
  269. </div>
  270.  
  271.  
  272. <div class="buttons">
  273.  
  274. <center>
  275. <a href="#1" style="width:60px;height:60px;border-radius:50%;display:inline-block;background:#003366;center;background-size:cover;margin-top:20px;box-shadow: 1px 1px 6px 2px #fff">
  276. </a>
  277.  
  278. <a href="#2" style="width:60px;height:60px;border-radius:50%;display:inline-block;background:#063e75;center;background-size:cover;margin-top:20px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
  279. </a>
  280.  
  281. <a href="#3" style="width:60px;height:60px;border-radius:50%;display:inline-block;background:#094480;center;background-size:cover;margin-top:20px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
  282. </a>
  283.  
  284. <a href="#4" style="width:60px;height:60px;border-radius:50%;display:inline-block;background:#11508f;center;background-size:cover;margin-top:20px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
  285. </a>
  286.  
  287. <a href="#5" style="width:60px;height:60px;border-radius:50%;display:inline-block;background:#1a5fa3;center;background-size:cover;margin-top:20px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
  288. </a>
  289. </center>
  290.  
  291. </div>
  292. </div>
  293.  
  294. </center>
  295.  
  296. </body>
  297.  
  298. </html>
  299.  
  300. <center style="margin-top:10px;margin-left:200px;width:650px;font-size:12px;color:#000"><a href="https://aprilcodes.tumblr.com/" style="color:#000;font-size:12px;">april codes</a> + <a href="https://kkodes.wixsite.com/dreamer"style="color:#000;font-size:12px;">kay kodes</a></center>
  301. <div style="display:none">
  302. <iframe src="https://www.youtube.com/embed/7nwyuTgBjIk?autoplay=1&amp;loop=1&amp;playlist=7nwyuTgBjIk" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
  303. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!