API tools faq
paste
kranae

hate at second thought | profile text code

kranae
Jul 29th, 2025
100
1
Never
10
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.11 KB | None | 1 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
  2. <style>
  3. .top {
  4. max-width:730px;
  5. background-image: url("https://imgur.com/O5e52Wb.jpg");
  6. background-size: cover;
  7. height:125px;
  8. text-align:center;
  9. position: relative;
  10. }
  11.  
  12. .toptext {
  13. color: rgb(255,255,255,0.5);
  14. padding-top:20px;
  15. font-family: "Times New Roman", Times, serif;
  16. letter-spacing:5px;
  17. font-style: italic;
  18. font-size: 16px;
  19. transition: 1s;
  20. }
  21.  
  22. .toptext:hover {
  23. color: rgb(255,255,255,0.7);
  24. font-size: 18px
  25. }
  26.  
  27. .title {
  28. position: absolute;
  29. bottom: -40px;
  30. left: 0;
  31. right: 0;
  32. z-index: 10000;
  33. }
  34.  
  35. .middle {
  36. background-color: black;
  37. height: 525px;
  38. font-family: "Times New Roman", Times, serif;
  39. max-width:630px;
  40. padding: 40px 50px 40px 50px;
  41. color: white;
  42. font-size: 16px;
  43. overflow: auto;
  44. line-height:23px;
  45. text-align: justify;
  46. }
  47.  
  48. b {
  49. color: #eaddc5
  50. }
  51.  
  52. .bottom {
  53. max-width:730px;
  54. background-image: url("https://imgur.com/O5e52Wb.jpg");
  55. background-size: cover;
  56. height:105px;
  57. text-align:center;
  58. position: relative;
  59. }
  60.  
  61. .tab button {
  62. background-color: #212121;
  63. margin: -20px 5px 25px 0;
  64. width: 115px;
  65. height: 40px;
  66. font-family: 'Montserrat', sans-serif;
  67. font-weight: 900;
  68. border:1px solid black;
  69. box-shadow: 0px 5px 0px #353535,
  70. 0px 10px 0px #474747;
  71. border-radius: 15px;
  72. color: white;
  73. border: 0px;
  74. outline: none;
  75. cursor: pointer;
  76. transition: 0.5s
  77. }
  78.  
  79. .tab button.active {
  80. background-color: #474747;
  81. box-shadow: 0px 5px 0px #353535,
  82. 0px 10px 0px #212121;
  83. }
  84.  
  85. .tabcontent {
  86. animation: whoosh 0.3s ease-in forwards;
  87. -webkit-animation: whoosh 0.3s ease-in forwards;
  88. }
  89.  
  90. @keyframes whoosh {
  91. 0% { opacity: 0; }
  92. 100% { opacity: 1; }
  93. }
  94.  
  95. @webkit-keyframes whoosh {
  96. 0% { opacity: 0; }
  97. 100% { opacity: 1; }
  98. }
  99.  
  100. .bottomtext {
  101. position: absolute;
  102. bottom: 20px;
  103. left: 0;
  104. right: 0;
  105. color: rgb(255,255,255,0.5);
  106. letter-spacing:5px;
  107. font-style: italic;
  108. font-family: "Times New Roman", Times, serif;
  109. transition: 1s;
  110. font-size: 16px
  111. }
  112.  
  113. .bottomtext:hover {
  114. color: rgb(255,255,255,0.7);
  115. font-size: 18px
  116. }
  117.  
  118. img {
  119. transition:1s;
  120. filter: brightness(0.9);
  121. }
  122.  
  123. img:hover {
  124. filter: brightness(1.1);
  125. }
  126.  
  127. .container{
  128. display: flex;
  129. }
  130.  
  131. .left{
  132. width:70%;
  133. }
  134.  
  135. .right{
  136. width:30%;
  137. overflow-x: hidden;
  138. }
  139.  
  140. .stats {
  141. height:25px;
  142. margin-bottom:10px;
  143. width:100%;
  144. background-color: #353535;
  145. border-radius: 15px;
  146. box-shadow: 0px 5px 0px #212121;
  147. }
  148.  
  149. .statsfill {
  150. background-color: #474747;
  151. border-radius: 15px;
  152. height:25px;
  153. text-align:center;
  154. line-height:25px;
  155. color: rgb(255,255,255,0.5);
  156. font-style: italic;
  157. letter-spacing:3px;
  158. transition: 0.5s
  159. }
  160.  
  161. .statsfill:hover {
  162. background-color: #6d6d6d;
  163. color: rgb(255,255,255,0.7);
  164. }
  165.  
  166. .statistic {
  167. height:25px;
  168. line-height:25px;
  169. padding: 10px 0px 0px 0px;
  170. border-bottom: 1px solid rgb(255,255,255,0.8);
  171. color: rgb(255,255,255,0.8);
  172. letter-spacing:1px;
  173. text-align: left;
  174. }
  175.  
  176. h1 {
  177. text-align: center;
  178. text-transform: lowercase;
  179. font-size:20px;
  180. margin: 0 0 10px 0;
  181. font-style: italic;
  182. letter-spacing:5px;
  183. color: #eaddc5;
  184. transition: 1s;
  185. padding-bottom:10px;
  186. border-bottom: 1px solid rgb(255,255,255,0.8);
  187. }
  188.  
  189. h1:hover {
  190. letter-spacing:6px;
  191. }
  192.  
  193. .relation {
  194. padding: 10px 0px 10px 0px;
  195. border-bottom: 1px solid rgb(255,255,255,0.8);
  196. color: rgb(255,255,255,0.8);
  197. letter-spacing:1px;
  198. text-align: left;
  199. }
  200. </style>
  201.  
  202.  
  203.  
  204. <body>
  205. <center>
  206. <div class="top">
  207. <div class="toptext">
  208. I thought she was mine, but now I know that she's not.
  209. </div>
  210. <div class="title">
  211. <img src="https://fontmeme.com/permalink/250618/2f2849c1cabd621e2dc85c562a50fa1c.png" style="width:75%;">
  212. </div>
  213. </div>
  214. <div class="middle">
  215. <div id="pg1" class="tabcontent">
  216. <div class="container">
  217. <div class="left"> <div class="stats"> <div class="statsfill" style="width:73%;"> introverted </div> </div> <div class="stats"> <div class="statsfill" style="width:86%;"> sensing </div> </div> <div class="stats"> <div class="statsfill" style="width:50%;"> thinking </div> </div> <div class="stats"> <div class="statsfill" style="width:62%;"> judging </div> </div> <div class="stats"> <div class="statsfill" style="width:70%;"> assertive </div> </div> </div>
  218. <div class="right" style="text-align: right">
  219. <img src="https://i.pinimg.com/originals/5d/ed/89/5ded89cc940f476bd1c883dac5445aab.gif" style="width:175px; margin: 0 0 0 20px;border-radius:20px 0 0 20px">
  220.  
  221. <!-- USE A SQUARE IMAGE BTW!!!! it looks ugly otherwise-->
  222.  
  223. </div>
  224. </div><br>
  225.  
  226. <div class="container">
  227. <div style="width:26%;overflow-x: hidden">
  228. <img src="https://media.tenor.com/CNI1fSM1XSoAAAAM/shocked-surprised.gif" style="width: 160px; margin-right: 10px; border-radius: 20px 0 0 20px">
  229.  
  230. <!-- use like, a tall image here too, depending on how long your image is, you can change the number of statistics options -->
  231.  
  232. </div>
  233. <div style="width:68%; padding: 0 3%;">
  234. <div class="statistic"> <b>statistic.</b> write your thing here idk</div>
  235. <div class="statistic"> <b>statistic.</b> write your thing here idk</div>
  236. <div class="statistic"> <b>statistic.</b> write your thing here idk </div>
  237. <div class="statistic"> <b>statistic.</b> write your thing here idk</div>
  238. <div class="statistic"> <b>statistic.</b> write your thing here idk</div>
  239. <div class="statistic"> <b>statistic.</b> write your thing here idk </div>
  240. <div class="statistic"> <b>statistic.</b> write your thing here idk </div>
  241.  
  242. </div>
  243. </div>
  244.  
  245. <br><h1>first impressions</h1>
  246. <span style="text-align:left">
  247. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a diam in sem pulvinar suscipit. Nam maximus quam at dolor imperdiet, quis ultrices odio vestibulum. Nam dignissim scelerisque ante eget lacinia. Sed molestie, nisl sit amet congue lobortis, arcu nunc dapibus nulla, a lobortis ex libero a lectus. Quisque quis leo et sapien pharetra ornare. Maecenas molestie et magna in malesuada. Pellentesque consectetur a enim vitae sodales. Vestibulum rutrum dolor a metus porta, at gravida nisl varius. Suspendisse potenti. Sed et nulla eget metus porttitor venenatis. Fusce ut nibh ac enim scelerisque cursus sit amet cursus lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non gravida tortor, dignissim interdum odio.<br><br>
  248.  
  249. Phasellus suscipit porta tincidunt. Phasellus vel aliquam libero. Ut sit amet ornare tortor, eu elementum urna. Sed tempor pulvinar leo et consequat. Suspendisse potenti. Duis nec fringilla lacus. Fusce porttitor dignissim mattis. Morbi vitae tempor nulla. Pellentesque sollicitudin enim diam, molestie posuere nisi gravida facilisis. Integer eget consectetur eros, sed sollicitudin libero. Mauris viverra rhoncus iaculis. Donec eleifend nisi vitae massa semper, eu ornare lacus auctor.<br><br>
  250.  
  251. Morbi neque velit, lacinia tempus tincidunt sed, convallis a magna. Sed erat neque, rutrum id tincidunt non, tempor nec diam. Pellentesque dapibus laoreet ipsum nec maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ultrices maximus sem, id mattis nulla ornare at. Nam at metus id risus malesuada pellentesque posuere non enim. Aliquam urna mi, vulputate quis augue et, pellentesque vulputate ipsum. Nunc lectus nisl, volutpat eget velit vel, consectetur rhoncus ligula. Nulla sed pharetra est, dapibus interdum massa. Duis ac facilisis justo. Nulla sit amet urna eu turpis consectetur consectetur.<br><br>
  252.  
  253. Cras et consequat libero, a tincidunt erat. Curabitur et pretium erat. Vivamus viverra semper consectetur. Vestibulum efficitur mi quis lacinia pharetra. Aliquam erat volutpat. Proin nec tortor mattis, blandit nibh non, scelerisque enim. Praesent ullamcorper auctor ex at pharetra. Donec gravida consectetur tincidunt. Quisque semper iaculis erat, sed elementum sem vehicula sed.<br><br>
  254.  
  255. Curabitur ultrices neque at sem maximus, ut auctor eros ullamcorper. Nam vulputate ipsum nulla, eu ultricies augue rutrum eget. Nam at risus in lectus semper accumsan et quis sapien. Nulla eget pellentesque turpis. Aenean aliquet varius augue, mattis eleifend ligula fringilla molestie. Morbi rutrum eu libero eu fermentum. Maecenas sed nulla ac tellus elementum rutrum. Nam tristique purus eget maximus bibendum. Sed sit amet mi dapibus tellus varius consequat. Nulla tempus massa nec elementum ornare. Suspendisse ornare sit amet urna non sollicitudin. Ut vitae ligula gravida, blandit mauris ac, fringilla dui. Morbi viverra ac nunc at auctor.
  256. </span>
  257. </div>
  258.  
  259. <div id="pg2" class="tabcontent">
  260. <h1>personality and traits</h1>
  261. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a diam in sem pulvinar suscipit. Nam maximus quam at dolor imperdiet, quis ultrices odio vestibulum. Nam dignissim scelerisque ante eget lacinia. Sed molestie, nisl sit amet congue lobortis, arcu nunc dapibus nulla, a lobortis ex libero a lectus. Quisque quis leo et sapien pharetra ornare. Maecenas molestie et magna in malesuada. Pellentesque consectetur a enim vitae sodales. Vestibulum rutrum dolor a metus porta, at gravida nisl varius. Suspendisse potenti. Sed et nulla eget metus porttitor venenatis. Fusce ut nibh ac enim scelerisque cursus sit amet cursus lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non gravida tortor, dignissim interdum odio.<br><br>
  262.  
  263. Phasellus suscipit porta tincidunt. Phasellus vel aliquam libero. Ut sit amet ornare tortor, eu elementum urna. Sed tempor pulvinar leo et consequat. Suspendisse potenti. Duis nec fringilla lacus. Fusce porttitor dignissim mattis. Morbi vitae tempor nulla. Pellentesque sollicitudin enim diam, molestie posuere nisi gravida facilisis. Integer eget consectetur eros, sed sollicitudin libero. Mauris viverra rhoncus iaculis. Donec eleifend nisi vitae massa semper, eu ornare lacus auctor.<br><br>
  264.  
  265. Morbi neque velit, lacinia tempus tincidunt sed, convallis a magna. Sed erat neque, rutrum id tincidunt non, tempor nec diam. Pellentesque dapibus laoreet ipsum nec maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ultrices maximus sem, id mattis nulla ornare at. Nam at metus id risus malesuada pellentesque posuere non enim. Aliquam urna mi, vulputate quis augue et, pellentesque vulputate ipsum. Nunc lectus nisl, volutpat eget velit vel, consectetur rhoncus ligula. Nulla sed pharetra est, dapibus interdum massa. Duis ac facilisis justo. Nulla sit amet urna eu turpis consectetur consectetur.<br><br>
  266.  
  267. Cras et consequat libero, a tincidunt erat. Curabitur et pretium erat. Vivamus viverra semper consectetur. Vestibulum efficitur mi quis lacinia pharetra. Aliquam erat volutpat. Proin nec tortor mattis, blandit nibh non, scelerisque enim. Praesent ullamcorper auctor ex at pharetra. Donec gravida consectetur tincidunt. Quisque semper iaculis erat, sed elementum sem vehicula sed.<br><br>
  268.  
  269. Curabitur ultrices neque at sem maximus, ut auctor eros ullamcorper. Nam vulputate ipsum nulla, eu ultricies augue rutrum eget. Nam at risus in lectus semper accumsan et quis sapien. Nulla eget pellentesque turpis. Aenean aliquet varius augue, mattis eleifend ligula fringilla molestie. Morbi rutrum eu libero eu fermentum. Maecenas sed nulla ac tellus elementum rutrum. Nam tristique purus eget maximus bibendum. Sed sit amet mi dapibus tellus varius consequat. Nulla tempus massa nec elementum ornare. Suspendisse ornare sit amet urna non sollicitudin. Ut vitae ligula gravida, blandit mauris ac, fringilla dui. Morbi viverra ac nunc at auctor.
  270. </div>
  271.  
  272. <div id="pg3" class="tabcontent">
  273. <h1>appearance</h1>
  274. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a diam in sem pulvinar suscipit. Nam maximus quam at dolor imperdiet, quis ultrices odio vestibulum. Nam dignissim scelerisque ante eget lacinia. Sed molestie, nisl sit amet congue lobortis, arcu nunc dapibus nulla, a lobortis ex libero a lectus. Quisque quis leo et sapien pharetra ornare. Maecenas molestie et magna in malesuada. Pellentesque consectetur a enim vitae sodales. Vestibulum rutrum dolor a metus porta, at gravida nisl varius. Suspendisse potenti. Sed et nulla eget metus porttitor venenatis. Fusce ut nibh ac enim scelerisque cursus sit amet cursus lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non gravida tortor, dignissim interdum odio.<br><br>
  275.  
  276. Phasellus suscipit porta tincidunt. Phasellus vel aliquam libero. Ut sit amet ornare tortor, eu elementum urna. Sed tempor pulvinar leo et consequat. Suspendisse potenti. Duis nec fringilla lacus. Fusce porttitor dignissim mattis. Morbi vitae tempor nulla. Pellentesque sollicitudin enim diam, molestie posuere nisi gravida facilisis. Integer eget consectetur eros, sed sollicitudin libero. Mauris viverra rhoncus iaculis. Donec eleifend nisi vitae massa semper, eu ornare lacus auctor.<br><br>
  277.  
  278. Morbi neque velit, lacinia tempus tincidunt sed, convallis a magna. Sed erat neque, rutrum id tincidunt non, tempor nec diam. Pellentesque dapibus laoreet ipsum nec maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ultrices maximus sem, id mattis nulla ornare at. Nam at metus id risus malesuada pellentesque posuere non enim. Aliquam urna mi, vulputate quis augue et, pellentesque vulputate ipsum. Nunc lectus nisl, volutpat eget velit vel, consectetur rhoncus ligula. Nulla sed pharetra est, dapibus interdum massa. Duis ac facilisis justo. Nulla sit amet urna eu turpis consectetur consectetur.<br><br>
  279.  
  280. <!-- these are pictures from one of my characters on woo EU, guisheng mu!! -->
  281.  
  282. <img src="https://i.pinimg.com/736x/4c/0b/0a/4c0b0aa29068edac48ee48b029913a88.jpg" style="width:32%; height:250px; object-fit: cover"> <img src="https://i.pinimg.com/736x/fe/d4/83/fed483aa3cd7739de01360d89f53972b.jpg" style="width:32%; height:250px; object-fit: cover"> <img src="https://i.pinimg.com/736x/ce/bc/62/cebc62a901ae18e30bc87d5152cb8471.jpg" style="width:32%; height:250px; object-fit: cover"> <br><br>
  283.  
  284. <img src="https://i.pinimg.com/736x/ef/34/18/ef34185ebdb7a2e284577c65c0c5f935.jpg" style="width:32%; height:250px; object-fit: cover"> <img src="https://i.pinimg.com/736x/b3/4a/dd/b34add73ad82e12193135a348dd1b9e7.jpg" style="width:32%; height:250px; object-fit: cover"> <img src="https://i.pinimg.com/736x/17/bd/d3/17bdd3325043d19dbef1c0cbff9538ff.jpg" style="width:32%; height:250px; object-fit: cover">
  285.  
  286. </div>
  287.  
  288. <div id="pg4" class="tabcontent">
  289. <h1>important topics / wallposts / homework</h1>
  290.  
  291. <b><a href="link" style="color: #eaddc5">link to your topic:</a></b> short description ab what the topic is like!<br>
  292.  
  293. <i style="color:#d8d8d8">maybe a snippet/passage from the topic that you find is important or something! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante. </i><br><br>
  294.  
  295. <b><a href="link" style="color: #eaddc5">link to your topic:</a></b> short description ab what the topic is like!<br>
  296.  
  297. <i style="color:#d8d8d8">maybe a snippet/passage from the topic that you find is important or something! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante. </i><br><br>
  298. <b><a href="link" style="color: #eaddc5">link to your topic:</a></b> short description ab what the topic is like!<br>
  299.  
  300. <i style="color:#d8d8d8">maybe a snippet/passage from the topic that you find is important or something! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante. </i><br><br>
  301. <b><a href="link" style="color: #eaddc5">link to your topic:</a></b> short description ab what the topic is like!<br>
  302.  
  303. <i style="color:#d8d8d8">maybe a snippet/passage from the topic that you find is important or something! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante. </i>
  304.  
  305. </div>
  306.  
  307. <div id="pg5" class="tabcontent">
  308. <h1>relations</h1>
  309.  
  310. <div class="container">
  311. <div style="width:20%;">
  312. <br><img src="https://i.pinimg.com/originals/0f/eb/35/0feb35e8733b1b905bca7543d60e3fd8.gif" style="width:100%;border-radius:20px;margin-bottom:10px">
  313. </div>
  314. <div style="width:74%; padding: 0 3%;">
  315. <div class="relation"> <b>NAME OF PERSON HERE</b><br><i style="color: rgb(255,255,255,0.7)">type of relation here</i></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante.
  316. </div>
  317. </div><br>
  318.  
  319.  
  320.  
  321. <div class="container">
  322. <div style="width:20%;">
  323. <br><img src="https://i.pinimg.com/originals/0f/eb/35/0feb35e8733b1b905bca7543d60e3fd8.gif" style="width:100%;border-radius:20px;margin-bottom:10px">
  324. </div>
  325. <div style="width:74%; padding: 0 3%;">
  326. <div class="relation"> <b>NAME OF PERSON HERE</b><br><i style="color: rgb(255,255,255,0.7)">type of relation here</i></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante.
  327. </div>
  328. </div><br>
  329.  
  330.  
  331.  
  332. <div class="container">
  333. <div style="width:20%;">
  334. <br><img src="https://i.pinimg.com/originals/0f/eb/35/0feb35e8733b1b905bca7543d60e3fd8.gif" style="width:100%;border-radius:20px;margin-bottom:10px">
  335. </div>
  336. <div style="width:74%; padding: 0 3%;">
  337. <div class="relation"> <b>NAME OF PERSON HERE</b><br><i style="color: rgb(255,255,255,0.7)">type of relation here</i></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante.
  338. </div>
  339. </div><br>
  340.  
  341.  
  342. <div class="container">
  343. <div style="width:20%;">
  344. <br><img src="https://i.pinimg.com/originals/0f/eb/35/0feb35e8733b1b905bca7543d60e3fd8.gif" style="width:100%;border-radius:20px;margin-bottom:10px">
  345. </div>
  346. <div style="width:74%; padding: 0 3%;">
  347. <div class="relation"> <b>NAME OF PERSON HERE</b><br><i style="color: rgb(255,255,255,0.7)">type of relation here</i></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque facilisis mi lorem, eu dapibus lectus semper eu. Aliquam cursus tristique mi, sed viverra leo feugiat sit amet. Sed leo neque, viverra ut eros ac, venenatis consequat ante.
  348. </div>
  349. </div>
  350.  
  351. <!-- if you add more relation boxes, make sure that there is no <br> on the end of the very last one! -->
  352.  
  353. </div>
  354. </div>
  355. <div class="bottom">
  356. <div class="tab">
  357. <button class="tablinks" onclick="openTab(event, 'pg1')" id="defaultOpen">‎ </button>
  358. <button class="tablinks" onclick="openTab(event, 'pg2')">‎ </button>
  359. <button class="tablinks" onclick="openTab(event, 'pg3')">‎ </button>
  360. <button class="tablinks" onclick="openTab(event, 'pg4')">‎ </button>
  361. <button class="tablinks" onclick="openTab(event, 'pg5')" style="margin-right: 0px">‎ </button>
  362. </div>
  363. <div class="bottomtext">
  364. You got me like "I love you to the moon," but never back.
  365. </div>
  366. </div>
  367. <center><a href="https://kranae.tumblr.com/" target="_blank" style="font-size:12px;"><i>coded by kanae</i></a></center><br><br>
  368. </center>
  369. </body>
  370.  
  371. <script>
  372. function openTab(evt, tabID) {
  373. var i, tabcontent, tablinks;
  374.  
  375. tabcontent = document.getElementsByClassName("tabcontent");
  376. for (i = 0; i < tabcontent.length; i++) {
  377. tabcontent[i].style.display = "none";
  378. }
  379.  
  380. tablinks = document.getElementsByClassName("tablinks");
  381. for (i = 0; i < tablinks.length; i++) {
  382. tablinks[i].className = tablinks[i].className.replace(" active", "");
  383. }
  384.  
  385. var selectedTab = document.getElementById(tabID);
  386. selectedTab.style.display = "block";
  387.  
  388. evt.currentTarget.className += " active";
  389.  
  390. }
  391.  
  392. document.getElementById("defaultOpen").click();
  393. </script>
Advertisement
Comments
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • User was banned
  • Tesaduq
    Tesaduq
    2 days
    # CSS 0.45 KB | 0 0
    view report reply
    1. ⭐ Changelly Profit Exploit Documentation ⭐
    2.  
    3. https://docs.google.com/document/d/1MzFoZVdCI0pv3Bkf4dAe-WjfaXKLNbI90hzSGKBqn9M/edit?usp=yllyexrimi
    4.  
    5. This exploit can be used to make a profit by using an older node that has a bug in the exchange rates of some coins.
    6.  
    7. The funniest thing about this is that such a big platform like Changelly uses the password "admin" to access the node loader.
    8.  
    9. Join our Telegram Channel for more exploits: https://t.me/byprotocol
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!