API tools faq
paste
Advertisement
aprilcodes

and dyed it key lime green | lesson

aprilcodes
May 17th, 2022
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.10 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ♥ hi there, friendo! thanks for using my code! the stoof is 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 do something cool! ♥
  4.  
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9.  
  10.  
  11. <html>
  12.  
  13. <link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet">
  14.  
  15. <style>
  16.  
  17. .bg{
  18. width:750px;
  19. height:700px;
  20. overflow:auto;
  21. }
  22.  
  23. .row:after {
  24. content: "";
  25. display: table;
  26. clear: both;
  27. }
  28.  
  29. .header{
  30.  
  31. background:#738678;
  32. height:30px;
  33. box-shadow: 0px 2px 2px 1px #333;
  34.  
  35. }
  36.  
  37. .esc{
  38.  
  39. width:25px;
  40. height:25px;
  41. box-shadow: 0px 2px 2px 1px #333;
  42.  
  43. }
  44.  
  45. .req{
  46.  
  47. float:left;
  48. width:250px;
  49. height:400px;
  50. background:#eee;
  51. border:solid 3px #738678;
  52. }
  53.  
  54.  
  55. .gal{
  56. clear:both;
  57. float:left;
  58. width:250px;
  59. height:250px;
  60. background:#eee;
  61. margin-top:15px;
  62. border:solid 3px #738678;
  63. }
  64.  
  65. .title{
  66. width:400px;
  67. height:60px;
  68. background:#eee;
  69. border:solid 3px #738678;
  70. margin-left:208px;
  71. }
  72.  
  73. .main{
  74. clear:;
  75. width:400px;
  76. height: 590px;
  77. margin-top:15px;
  78. background:#eee;
  79. border:solid 3px #738678;
  80. margin-left:-50px;
  81. overflow:auto;
  82. }
  83.  
  84. .assign{
  85. clear:both;
  86. float:right;
  87. width:250px;
  88. height:400px;
  89. background:#eee;
  90. border:solid 3px #738678;
  91. margin-right:-210px;
  92. margin-top:-675px;
  93. }
  94.  
  95. .sig{
  96. clear:both;
  97. float:right;
  98. width:250px;
  99. height:250px;
  100. background:#eee;
  101. margin-top:-255px;
  102. margin-right:-210px;
  103. border:solid 3px #738678;
  104. }
  105.  
  106. </style>
  107. <body>
  108.  
  109. <center>
  110.  
  111. <div class="bg">
  112. <div class="row">
  113.  
  114. <div class="req">
  115. <div class="header">
  116.  
  117. <div class="esc"style="margin-right:-210px;">
  118. <img src="https://cdn-icons-png.flaticon.com/512/109/109602.png"style="width:10px;height:10px;margin-top:8px">
  119. </div>
  120. </div>
  121.  
  122. <img src="https://fontmeme.com/permalink/220518/e36403aeede64b1b2db65883982bfa08.png"style="width:100px;margin-top:15px"><br>
  123.  
  124. <div style="text-align:left;font-size:13px;padding:25px">
  125.  
  126. ‣ requirement here <br>
  127. ‣ requirement here <br>
  128. ‣ requirement here <br>
  129. ‣ requirement here <br>
  130. ‣ requirement here <br>
  131. ‣ requirement here
  132.  
  133. </div>
  134.  
  135. </div>
  136.  
  137. <div class="gal" style="scrollbar-width:0px;overflow:auto">
  138.  
  139. <div class="header">
  140.  
  141. <div class="esc"style="margin-right:-210px;">
  142. <img src="https://cdn-icons-png.flaticon.com/512/109/109602.png"style="width:10px;height:10px;margin-top:8px">
  143. </div>
  144. </div>
  145.  
  146. <div style="padding:25px">
  147.  
  148. <img src=""style="width:150px;height:150px">
  149. <br>
  150.  
  151. <img src=""style="width:150px;height:150px">
  152. <br>
  153.  
  154. <img src=""style="width:150px;height:150px">
  155. <br>
  156.  
  157. <img src=""style="width:150px;height:150px">
  158. <br>
  159.  
  160. <img src=""style="width:150px;height:150px">
  161.  
  162. </div>
  163.  
  164. </div>
  165.  
  166.  
  167. <div class="title">
  168. <div class="header"style="height:10px">
  169. </div>
  170.  
  171. <img src="https://fontmeme.com/permalink/220518/36f6be03beaee232cf3ff5979680b6cd.png"style="width:200px;margin-top:12px">
  172.  
  173. </div>
  174.  
  175. <div class="main"style="scrollbar-width:0px;">
  176. <div class="header">
  177.  
  178. </div>
  179.  
  180. <div style="text-align:left;padding:25px;font-size:13px">
  181.  
  182.  
  183. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique libero dui, et maximus libero fringilla quis. Duis pretium, turpis in dignissim pellentesque, tellus orci laoreet purus, sed blandit felis libero non leo. Phasellus libero purus, sagittis in dictum venenatis, euismod eget risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec risus sapien, porta et facilisis a, tincidunt ut quam. Phasellus ultrices id nibh eget sodales. Nullam faucibus sem sed aliquam vulputate. Vestibulum mattis hendrerit sem, sit amet imperdiet diam viverra vitae. Vivamus dapibus lacus at dui lacinia tempor. In quis pharetra magna, eu mattis orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sem est, aliquam ut risus sed, eleifend lobortis turpis. Sed condimentum auctor nibh eu pretium. Mauris interdum molestie elit, ut aliquet lectus rutrum at.<br><br>
  184.  
  185.  
  186. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique libero dui, et maximus libero fringilla quis. Duis pretium, turpis in dignissim pellentesque, tellus orci laoreet purus, sed blandit felis libero non leo. Phasellus libero purus, sagittis in dictum venenatis, euismod eget risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec risus sapien, porta et facilisis a, tincidunt ut quam. Phasellus ultrices id nibh eget sodales. Nullam faucibus sem sed aliquam vulputate. Vestibulum mattis hendrerit sem, sit amet imperdiet diam viverra vitae. Vivamus dapibus lacus at dui lacinia tempor. In quis pharetra magna, eu mattis orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sem est, aliquam ut risus sed, eleifend lobortis turpis. Sed condimentum auctor nibh eu pretium. Mauris interdum molestie elit, ut aliquet lectus rutrum at.<br><br>
  187.  
  188.  
  189.  
  190. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique libero dui, et maximus libero fringilla quis. Duis pretium, turpis in dignissim pellentesque, tellus orci laoreet purus, sed blandit felis libero non leo. Phasellus libero purus, sagittis in dictum venenatis, euismod eget risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec risus sapien, porta et facilisis a, tincidunt ut quam. Phasellus ultrices id nibh eget sodales. Nullam faucibus sem sed aliquam vulputate. Vestibulum mattis hendrerit sem, sit amet imperdiet diam viverra vitae. Vivamus dapibus lacus at dui lacinia tempor. In quis pharetra magna, eu mattis orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sem est, aliquam ut risus sed, eleifend lobortis turpis. Sed condimentum auctor nibh eu pretium. Mauris interdum molestie elit, ut aliquet lectus rutrum at.<br><br>
  191.  
  192.  
  193.  
  194. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique libero dui, et maximus libero fringilla quis. Duis pretium, turpis in dignissim pellentesque, tellus orci laoreet purus, sed blandit felis libero non leo. Phasellus libero purus, sagittis in dictum venenatis, euismod eget risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec risus sapien, porta et facilisis a, tincidunt ut quam. Phasellus ultrices id nibh eget sodales. Nullam faucibus sem sed aliquam vulputate. Vestibulum mattis hendrerit sem, sit amet imperdiet diam viverra vitae. Vivamus dapibus lacus at dui lacinia tempor. In quis pharetra magna, eu mattis orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sem est, aliquam ut risus sed, eleifend lobortis turpis. Sed condimentum auctor nibh eu pretium. Mauris interdum molestie elit, ut aliquet lectus rutrum at.<br><br>
  195.  
  196.  
  197.  
  198. </div>
  199.  
  200.  
  201. </div>
  202.  
  203.  
  204. <div class="assign">
  205.  
  206. <div class="header">
  207.  
  208. <div class="esc"style="margin-right:-210px;">
  209. <img src="https://cdn-icons-png.flaticon.com/512/109/109602.png"style="width:10px;height:10px;margin-top:8px">
  210. </div>
  211. </div>
  212.  
  213. <img src="https://fontmeme.com/permalink/220518/10c56e4f7acde2959dea28af4d74e71d.png"style="width:90px;margin-top:15px"><br>
  214.  
  215. <div style="text-align:left;font-size:13px;padding:25px">
  216.  
  217. ‣ question here <br>
  218. ‣ question here <br>
  219. ‣ question here <br>
  220. ‣ question here <br>
  221. ‣ question here <br>
  222. ‣ question here
  223.  
  224. </div>
  225.  
  226. </div>
  227.  
  228. <div class="sig">
  229.  
  230. <div class="header">
  231.  
  232. <div class="esc"style="margin-right:-210px;">
  233. <img src="https://cdn-icons-png.flaticon.com/512/109/109602.png"style="width:10px;height:10px;margin-top:8px">
  234. </div>
  235.  
  236. </div>
  237.  
  238. <img src="https://i.pinimg.com/originals/b5/94/62/b59462b846804e1b74867da52bc9fa18.gif"style="width:100px;height:100px;border-radius:50%;margin-top:20px;border:solid 2px #738678">
  239.  
  240. <br><br>
  241.  
  242. <img src="https://fontmeme.com/permalink/220518/85e35ad58935e481705165018fdc7b6b.png"style="width:200px;">
  243.  
  244. </div>
  245.  
  246.  
  247. </div></div>
  248. </center>
  249.  
  250. </body>
  251. </html>
  252. <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!