API tools faq
paste
aprilcodes

work in progress

aprilcodes
Apr 13th, 2022 (edited)
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.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.  
  14. <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet">
  15.  
  16.  
  17. <style>
  18.  
  19. .bg {
  20.  
  21. width:900px;
  22. height:800px;
  23. background:#fff;
  24. border:solid 2px #abc4ff;
  25. border-radius:5px;
  26. font-size:12px;
  27. font-family:'Noto Serif', serif;
  28.  
  29. }
  30.  
  31.  
  32. .header{
  33. width:900px;
  34. height:75px;
  35. background:url('https://data.whicdn.com/images/352492409/original.jpg');
  36. object-fit:cover;
  37. }
  38.  
  39. .img{
  40. width:100px;
  41. height:100px;
  42. object-fit:cover;
  43. margin-left:25px;
  44. margin-top:-45px;
  45. border-radius:5px;
  46. }
  47.  
  48. .check{
  49. height:25px;
  50. background-image: linear-gradient(to right, #ccdbfd , #edf2fb);
  51. font-family: 'Noto Serif', serif;
  52. font-size:15px;
  53. color:#000;
  54. margin-left:-20px;
  55. margin-top:-20px;
  56. border-radius:5px;
  57. }
  58.  
  59. .checkbox{
  60. background:#fff;
  61. width:200px;
  62. height:120px;
  63. border-radius:5px;
  64. padding:20px;
  65. }
  66.  
  67. .row:after {
  68. content: "";
  69. display: table;
  70. clear: both;
  71. }
  72.  
  73. .stats1 {
  74. float: left;
  75. width:150px;
  76. line-height:25px;
  77. }
  78.  
  79. .stats2{
  80. float:right;
  81. width:;
  82. margin-left:30px;
  83. line-height:25px;
  84. }
  85.  
  86. .gallery{
  87. width:350px;
  88. height:75px;
  89. background:rgb(240, 248, 255);
  90. float:right;
  91. border-top:solid 2px #edf2fb;
  92. border-bottom:solid 2px #edf2fb;
  93. border-right: solid 2px #edf2fb;
  94. border-left: solid 2px #edf2fb;
  95. border-radius:5px;
  96. padding:20px;
  97. }
  98.  
  99. .scrollbar{
  100. overflow: auto;
  101. white-space: nowrap;
  102. }
  103.  
  104. .trait{
  105. background:#edf2fb;
  106. padding:3px;
  107. font-size:13px;
  108. text-align:center;
  109. text-transform:lowercase;
  110. color:#000;
  111. }
  112.  
  113. </style>
  114.  
  115. <body>
  116.  
  117. <div class="bg">
  118. <div class="header">
  119. </div>
  120.  
  121.  
  122. <img class="img"src="https://i.pinimg.com/736x/29/02/ce/2902ce85d6c956ddcc0ed75985cf4c7b.jpg">
  123.  
  124.  
  125. <div style="background:rgb(240, 248, 255); width:400px;height:90px;margin-left:100px;margin-top:-75px;border-radius:5px">
  126.  
  127. <img src="https://fontmeme.com/permalink/220413/d71afd01abfb8cf94c753a1efd01888f.png"style="width:300px;margin-left:40px;margin-top:10px">
  128.  
  129. <br>
  130.  
  131.  
  132. <div style="font-size:12px;margin-left:40px;width:500px">
  133.  
  134. "i know someday I'm gonna meet her, it's a fever dream."
  135.  
  136. </div>
  137. </div>
  138.  
  139. <br>
  140.  
  141. <hr style="align:center;width:800px;border:solid 1px #abc4ff"><br>
  142.  
  143. <div style="height:550px;text-align:justify;overflow:hidden;">
  144.  
  145. <!-- PAGE ONE -->
  146. <a name="1">
  147. <div style="height:550px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  148.  
  149. <div class="checkbox"style="margin-left:25px;">
  150. <div class="check"style="width:240px">
  151.  
  152. <img src="https://cdn-icons-png.flaticon.com/512/715/715993.png"style="width:15px;height:15px;margin-left:5px;margin-top:4px">
  153.  
  154. <div style="margin-top:-22px;margin-left:30px;font-size:12px;font-family:'Noto Serif', serif;"><i><b>
  155. To Do
  156. </b></i>
  157.  
  158. </div>
  159. <br><div style="margin-left:10px;font-size:12px">
  160.  
  161. ✩ thing
  162. <br>
  163. ✩ thing
  164. <br>
  165. ✩ thing
  166. <br>
  167. ✩ thing
  168. <br>
  169. ✩ thing
  170.  
  171. </div>
  172. </div></div>
  173.  
  174. <div class="checkbox"style="margin-left:25px;">
  175. <div class="check"style="width:240px">
  176.  
  177. <img src="https://cdn-icons-png.flaticon.com/512/715/715993.png"style="width:15px;height:15px;margin-left:5px;margin-top:4px">
  178.  
  179. <div style="margin-top:-22px;margin-left:30px;font-size:12px;font-family:'Noto Serif', serif;"><i><b>
  180. Out of Character
  181. </b></i>
  182.  
  183. </div>
  184. <br><div style="margin-left:10px;font-size:12px">
  185.  
  186. name ✩ here
  187. <br>
  188. age ✩ here
  189. <br>
  190. discord ✩ here
  191. <br>
  192. contact ✩ here
  193. <br>
  194. faceclaim ✩ here
  195.  
  196. </div>
  197.  
  198. </div>
  199.  
  200. </div>
  201.  
  202. <div style="margin-left:320px;margin-top:-340px">
  203.  
  204. <img src="https://i.pinimg.com/550x/6b/d2/40/6bd24011ed69c6177b0ede2ee41de37f.jpg"style="width:220px;height:380px;object-fit:cover;border-radius:5px">
  205.  
  206. </div>
  207.  
  208. <div style="float:right;margin-right:30px;margin-top:-360px">
  209.  
  210. <div class="checkbox"style="margin-left:25px;">
  211. <div class="check"style="width:240px">
  212.  
  213. <img src="https://cdn-icons-png.flaticon.com/512/715/715993.png"style="width:15px;height:15px;margin-left:5px;margin-top:4px">
  214.  
  215. <div style="margin-top:-22px;margin-left:30px;font-size:12px;font-family:'Noto Serif', serif;"><i><b>
  216. idk write smth here
  217. </b></i>
  218.  
  219. </div>
  220. <br><div style="margin-left:10px;font-size:10px">
  221.  
  222. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porttitor massa a orci molestie, et facilisis lacus lacinia. Morbi at rhoncus lacus. Etiam laoreet id nunc a mattis. Nulla lorem ex, ultrices eu diam a, luctus vehicula lorem.
  223.  
  224. <br><br>
  225.  
  226. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  227.  
  228. </div>
  229. </div></div>
  230.  
  231. </div>
  232.  
  233. <br><hr style="align:center;width:800px;border:solid 1px #abc4ff"><br>
  234.  
  235. <center style="font-size:10px">
  236.  
  237. <a href="#2" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/550x/65/59/29/6559296b3a8dd251ea387af7d3c9ab82.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;">
  238.  
  239. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  240. <b><i>
  241. about
  242. </i></b>
  243. </div>
  244. </a>
  245.  
  246. <a href="#3" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/736x/b8/18/e7/b818e75b3c6e6851894da075914cf7f6.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  247.  
  248. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  249. <b><i>
  250. personality
  251. </i></b>
  252. </div>
  253. </a>
  254.  
  255.  
  256. <a href="#4" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/736x/98/09/0b/98090b0b9e0dec9df769e328c021a6c6.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  257.  
  258. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  259. <b><i>
  260. aesthetics
  261. </i></b>
  262. </div>
  263. </a>
  264.  
  265. <a href="#5" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://64.media.tumblr.com/5f20b5c34237921d6d2180914e2dbc40/9fb720c2d8245424-c8/s540x810/ffd353365499e7c10db4e1bd4692595233dbfae6.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  266.  
  267. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  268. <b><i>
  269. gallery
  270. </i></b>
  271. </div>
  272. </a>
  273.  
  274. <a href="#6" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/originals/29/30/e9/2930e9807aeefa4519b20e3d95277bf3.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  275.  
  276. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  277. <b><i>
  278. relations
  279. </i></b>
  280. </div></a>
  281.  
  282. </center>
  283.  
  284.  
  285. </div>
  286.  
  287. </a>
  288.  
  289. <!-- PAGE TWO -->
  290. <a name="2">
  291. <div style="height:550px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  292.  
  293. <center style="margin-top:-30px;font-size:10px">
  294. <a href="#3" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/736x/b8/18/e7/b818e75b3c6e6851894da075914cf7f6.jpg);object-fit:cover;width:75px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  295.  
  296. <div style="width:110px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  297. <b><i>
  298. personality
  299. </i></b>
  300. </div>
  301. </a>
  302.  
  303.  
  304. <a href="#4" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/736x/98/09/0b/98090b0b9e0dec9df769e328c021a6c6.jpg);object-fit:cover;width:75px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  305.  
  306. <div style="width:110px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  307. <b><i>
  308. aesthetics
  309. </i></b>
  310. </div>
  311. </a>
  312.  
  313. <a href="#5" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://64.media.tumblr.com/5f20b5c34237921d6d2180914e2dbc40/9fb720c2d8245424-c8/s540x810/ffd353365499e7c10db4e1bd4692595233dbfae6.jpg);object-fit:cover;width:75px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  314.  
  315. <div style="width:110px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  316. <b><i>
  317. gallery
  318. </i></b>
  319. </div>
  320. </a>
  321.  
  322. <a href="#6" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/originals/29/30/e9/2930e9807aeefa4519b20e3d95277bf3.jpg);object-fit:cover;width:75px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  323.  
  324. <div style="width:110px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  325. <b><i>
  326. relations
  327. </i></b>
  328. </div></a>
  329.  
  330. </center>
  331.  
  332. <br><br>
  333.  
  334. <center>
  335.  
  336. <img src="https://data.whicdn.com/images/343191631/original.jpg"style="height:75px;width:700px;object-fit:cover;">
  337.  
  338. </center>
  339.  
  340. <br><br>
  341.  
  342. <div style="float:left;margin-left:40px">
  343.  
  344. <div class="row">
  345. <div class="stats1">
  346. <b>name →</b> <br>
  347. <b>nickname(s) →</b> <br>
  348. <b>age (years old) →</b> <br>
  349. <b>birthdate →</b> <br>
  350. <b>birthplace →</b> <br>
  351. <b>current residence →</b> <br>
  352. <b>occupation →</b> <br>
  353. <b>orientation →</b> <br>
  354. <b>relationship status →</b> <br>
  355. <b>partner name →</b> <br>
  356. <b>clan/house/whatevs →</b> <br>
  357. <b>origin/bloodline →</b>
  358. </div>
  359.  
  360.  
  361. <div class="stats2">
  362.  
  363. info <br>
  364. info <br>
  365. info <br>
  366. info <br>
  367. info <br>
  368. info <br>
  369. info <br>
  370. info <br>
  371. info <br>
  372. info <br>
  373. info <br>
  374. info
  375.  
  376. </div>
  377. </div>
  378. </div>
  379.  
  380. <div style="float:right;margin-right:100px;">
  381.  
  382. <div class="gallery">
  383.  
  384. <div class="scrollbar">
  385.  
  386. <img src="IMG"style="height:80px;width:80px">
  387.  
  388. <img src="IMG"style="height:80px;width:80px;margin-left:5px">
  389.  
  390. <img src="IMG"style="height:80px;width:80px;margin-left:5px">
  391.  
  392. <img src="IMG"style="height:80px;width:80px;margin-left:5px">
  393.  
  394. <img src="IMG"style="height:80px;width:80px;margin-left:5px">
  395.  
  396. <img src="IMG"style="height:80px;width:80px;margin-left:5px">
  397.  
  398. </div>
  399.  
  400. </div>
  401. </div>
  402.  
  403. <br><br>
  404.  
  405. <div style="float:right;width:390px;height:200px;overflow:auto;margin-right:100px;margin-top:15px">
  406. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porttitor massa a orci molestie, et facilisis lacus lacinia. Morbi at rhoncus lacus. Etiam laoreet id nunc a mattis. Nulla lorem ex, ultrices eu diam a, luctus vehicula lorem.
  407.  
  408. <br><br>
  409.  
  410. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porttitor massa a orci molestie, et facilisis lacus lacinia. Morbi at rhoncus lacus. Etiam laoreet id nunc a mattis. Nulla lorem ex, ultrices eu diam a, luctus vehicula lorem.
  411.  
  412. <br><br>
  413.  
  414. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porttitor massa a orci molestie, et facilisis lacus lacinia. Morbi at rhoncus lacus. Etiam laoreet id nunc a mattis. Nulla lorem ex, ultrices eu diam a, luctus vehicula lorem.
  415.  
  416. <br><br>
  417.  
  418. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat ut elit non porttitor. In sit amet placerat ante. Etiam magna ipsum, rutrum quis venenatis nec, aliquet a mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam porttitor massa a orci molestie, et facilisis lacus lacinia. Morbi at rhoncus lacus. Etiam laoreet id nunc a mattis. Nulla lorem ex, ultrices eu diam a, luctus vehicula lorem.
  419.  
  420. <br><br><br><br>
  421.  
  422.  
  423. </div>
  424. </div>
  425.  
  426. </a>
  427.  
  428. <!-- PAGE THREE -->
  429. <a name="3">
  430. <div style="height:550px;padding:20px;font-size:12px;overflow:auto;scrollbar-width:0px">
  431.  
  432. <div style="width:60px;float:left;margin-left:30px">
  433.  
  434. <center style="font-size:10px">
  435.  
  436. <a href="#2" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/550x/65/59/29/6559296b3a8dd251ea387af7d3c9ab82.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  437.  
  438. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  439. <b><i>
  440. about
  441. </i></b>
  442. </div>
  443. </a>
  444.  
  445.  
  446. <a href="#4" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/736x/98/09/0b/98090b0b9e0dec9df769e328c021a6c6.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  447.  
  448. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  449. <b><i>
  450. aesthetics
  451. </i></b>
  452. </div>
  453. </a>
  454.  
  455. <a href="#5" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://64.media.tumblr.com/5f20b5c34237921d6d2180914e2dbc40/9fb720c2d8245424-c8/s540x810/ffd353365499e7c10db4e1bd4692595233dbfae6.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  456.  
  457. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  458. <b><i>
  459. gallery
  460. </i></b>
  461. </div>
  462. </a>
  463.  
  464. <a href="#6" style="border-radius:50%;display:inline-block;padding:20px;margin-top:15px;margin-left:2px;background:url(https://i.pinimg.com/originals/29/30/e9/2930e9807aeefa4519b20e3d95277bf3.jpg);object-fit:cover;width:50px;height:50px;border-radius:5px;text-decoration:none;margin-left:10px">
  465.  
  466. <div style="width:85px;background:#fff;height:15px;margin-left:-20px;margin-top:10px;padding:5px;color:#000">
  467. <b><i>
  468. relations
  469. </i></b>
  470. </div></a>
  471.  
  472. </center>
  473.  
  474. </div>
  475.  
  476. <div style="float:right;margin-right:380px;width:320px;height:500px;overflow:auto;">
  477.  
  478. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra, magna nec molestie laoreet, nibh sem condimentum odio, non iaculis urna elit vitae urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent non arcu at dolor blandit aliquet. In scelerisque gravida pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin lacinia velit lectus, sollicitudin consectetur ex vestibulum ut. Etiam congue, libero ut convallis fringilla, enim arcu congue lectus, quis dictum mi tortor eget nibh. Nullam non magna ac nunc tincidunt gravida nec id quam. Morbi non mauris vel risus scelerisque accumsan. Aliquam et augue quis nibh pellentesque consectetur et dictum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <br><br>
  479.  
  480. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra, magna nec molestie laoreet, nibh sem condimentum odio, non iaculis urna elit vitae urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent non arcu at dolor blandit aliquet. In scelerisque gravida pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin lacinia velit lectus, sollicitudin consectetur ex vestibulum ut. Etiam congue, libero ut convallis fringilla, enim arcu congue lectus, quis dictum mi tortor eget nibh. Nullam non magna ac nunc tincidunt gravida nec id quam. Morbi non mauris vel risus scelerisque accumsan. Aliquam et augue quis nibh pellentesque consectetur et dictum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
  481.  
  482.  
  483. <br><br><br>
  484.  
  485.  
  486. </div>
  487.  
  488.  
  489. <div style="float:right;width:300px;margin-right:20px;margin-top:-500px">
  490.  
  491. <div style="background:#fff;width:300px;margin:7px 0;">
  492. <div class="trait" style="width:65%">
  493. trait → 65%
  494. </div>
  495. </div>
  496.  
  497. <div style="background:#fff;width:300px;margin:7px 0;">
  498. <div class="trait" style="width:92%">
  499. trait → 92%
  500. </div>
  501. </div>
  502.  
  503. <div style="background:#fff;width:300px;margin:7px 0;">
  504. <div class="trait" style="width:41%">
  505. trait → 41%
  506. </div>
  507. </div>
  508.  
  509. <div style="background:#fff;width:300px;margin:7px 0;">
  510. <div class="trait" style="width:78%">
  511. trait → 78%
  512. </div>
  513. </div>
  514.  
  515. <div style="background:#fff;width:300px;margin:7px 0;">
  516. <div class="trait" style="width:52%">
  517. trait → 52%
  518. </div>
  519. </div>
  520.  
  521.  
  522. <div style="background:#fff;width:300px;margin:7px 0;">
  523. <div class="trait" style="width:84%">
  524. trait → 84%
  525. </div>
  526. </div>
  527.  
  528. <br>
  529.  
  530. <center>
  531. <img src="IMG"style="height:250px;width:250px;object-fit:cover">
  532. </center>
  533.  
  534. </div>
  535.  
  536. </div>
  537.  
  538. </a>
  539.  
  540.  
  541. </div>
  542.  
  543.  
  544.  
  545. <center>
  546. <div style="background:#edf2fb; width:60px;height:20px;border-radius:5px">
  547. <a href="#1" style="text-decoration:none;font-size:10px;color:#000;">
  548. <b><i>
  549. home
  550. </i></b>
  551. </a>
  552. </div>
  553. </center>
  554.  
  555. </div>
  556.  
  557. </body></html>
  558. <center style="width:900px"><a href="https://aprilcodes.tumblr.com/" style="color:#000;font-size:12px;">april codes</a></center>
  559.  
  560.  
Add Comment
Please, Sign In to add comment
Public Pastes
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!