API tools faq
paste
Advertisement
aprilcodes

i’m multitasking | club

aprilcodes
Feb 6th, 2022
217
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♥ hi there, friendo! thanks for using my code! the images are fairly self explanatory and should be easy to edit (i'm not that smart so i don't want to make my codes rocket science AKIGHYSIDG). it is required to keep the credit otherwise you are stealing my code and i expect to be credited for my mediocre creation, thankyouverymuch. have fun and teach some wonderful, wacky course! ♥
  4.  
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9.  
  10. <html><style>
  11. .body{
  12.  
  13. width:550px;
  14. height:600px;
  15. background-color:#eee;
  16. margin-top:15px;
  17. border: 5px solid #967bb6;
  18. }
  19.  
  20. .text {
  21. align:left;
  22. text-align:left;
  23. margin-top:10px;
  24. margin-left:25px;
  25. width:400px;
  26. height:300px;
  27. overflow:auto;
  28. }
  29.  
  30. .border{
  31. background:url(https://i.ibb.co/1MxJQGx/62-D9-DD3-B-E18-B-4-ED8-BE0-D-627-C872-D156-B.png);
  32. height:150px;
  33. width:150px;
  34. object-fit:cover;
  35. margin-top:-20px;
  36. margin-left:30px;
  37. float:left;
  38. position:relative;
  39. }
  40.  
  41.  
  42. </style>
  43. <body>
  44. <center><div class="body">
  45.  
  46.  
  47.  
  48. <!-- TITLE IMAGE -->
  49.  
  50. <img src="https://i.ibb.co/5sZ8sky/3-F2-DC13-B-600-B-49-B3-B7-C3-9-DB0-CFD4-D1-B2.png"style="width:450px;margin-top:20px;margin-bottom:10px"><br>
  51.  
  52. <div style="width:75px;float:right;margin-right:30px;margin-top:20px">
  53.  
  54. <!-- BUTTONS -->
  55.  
  56. <a href="#1" style="width:50px;height:50px;border-radius:50%;display:block;background:#8800C7;center;background-size:cover;"></a><br>
  57. <a href="#2" style="width:50px;height:50px;border-radius:50%;display:block;background:#A44CD3;center;background-size:cover;"></a><br>
  58.  
  59. <a href="#3" style="width:50px;height:50px;border-radius:50%;display:block;background:#E090DF;center;background-size:cover;"></a><br>
  60.  
  61. <a href="#4" style="width:50px;height:50px;border-radius:50%;display:block;background:#FBBEDE;center;background-size:cover;"></a>
  62.  
  63.  
  64.  
  65.  
  66. </div><div style="width:400px;height:300px;text-align:justify;overflow:hidden;">
  67.  
  68. <!-- PAGE ONE -->
  69. <a name="1">
  70. <div class="text">
  71.  
  72. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla aliquet porttitor lacus luctus accumsan. Sit amet dictum sit amet justo donec enim. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Accumsan sit amet nulla facilisi morbi tempus. Tellus mauris a diam maecenas sed enim ut. Hac habitasse platea dictumst vestibulum rhoncus. Nullam vehicula ipsum a arcu cursus vitae congue. Nam aliquam sem et tortor consequat. Vulputate odio ut enim blandit volutpat maecenas volutpat. At risus viverra adipiscing at. Magna etiam tempor orci eu lobortis elementum. Ac placerat vestibulum lectus mauris. In massa tempor nec feugiat nisl. Massa vitae tortor condimentum lacinia quis vel. A diam sollicitudin tempor id eu nisl nunc. Mattis enim ut tellus elementum.<br><br>
  73.  
  74. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla aliquet porttitor lacus luctus accumsan. Sit amet dictum sit amet justo donec enim. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Accumsan sit amet nulla facilisi morbi tempus. Tellus mauris a diam maecenas sed enim ut. Hac habitasse platea dictumst vestibulum rhoncus. Nullam vehicula ipsum a arcu cursus vitae congue. Nam aliquam sem et tortor consequat. Vulputate odio ut enim blandit volutpat maecenas volutpat. At risus viverra adipiscing at. Magna etiam tempor orci eu lobortis elementum. Ac placerat vestibulum lectus mauris. In massa tempor nec feugiat nisl. Massa vitae tortor condimentum lacinia quis vel. A diam sollicitudin tempor id eu nisl nunc. Mattis enim ut tellus elementum.</div></a>
  75.  
  76.  
  77. <!-- PAGE TWO -->
  78. <a name="2">
  79. <div class="text">
  80.  
  81. TEXT HERE</div>
  82.  
  83. <!-- PAGE THREE -->
  84.  
  85. <a name="3">
  86. <div class="text">
  87.  
  88. TEXT PAGE 3</div>
  89.  
  90. <!-- PAGE FOUR -->
  91.  
  92. <a name="4">
  93. <div class="text">
  94.  
  95. AND MORE HAVE FUN</div>
  96.  
  97.  
  98.  
  99. </div>
  100.  
  101. <div style="margin-top:25px">
  102.  
  103. <div class="border">
  104. <img src="https://c.tenor.com/74dZoBBhcZkAAAAd/yelena-belova-stop-making-me-like-you.gif"style="width:100px;height:100px;margin-top:25px;border-radius:50%;position:relative"></div>
  105.  
  106. <img src="https://txt.1001fonts.net/img/txt/b3RmLjcyLjAwMDAwMC5VMmxuYm1GMGRYSmxJRWhsY21VLC4w/cassual-signature.regular.webp"style="width:200px;margin-left:;margin-top:20px">
  107.  
  108. </div>
  109. </div></center></body></html><center><a href="https://aprilcodes.tumblr.com/" style="color:#000;font-size:12px;">april codes</a></center>
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!