API tools faq
paste
t3ch13-c0l0rs

f2u movie night

t3ch13-c0l0rs
Aug 2nd, 2021 (edited)
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.72 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. what is up friends and foes! this is for the coder's quarters august challenge! i had to speedrun this because today im going on a trip until the 26th so be proud of me.
  4. also i just now realized that hanyu's code for this also has the pallette buttons. whoops
  5. anyways, hope you like the code! i annotated it so its easier to customize
  6.  
  7. accent / inner text color: #ac2121
  8. header color: #d96047
  9. container color: #ecc17d
  10. container container color: #2e2e34
  11. p color: #fff
  12. bg color: white
  13.  
  14. images from unsplash and the oldinterneticons tumblr
  15.  
  16.  
  17. -->
  18.  
  19. <div class="container-xxl" style="font-family: Courier New">
  20.  
  21.  
  22.  
  23. <div class="col-6" style="margin: auto">
  24.  
  25.  
  26. <div class="card col-5" style="background-color: #d96047; margin: left; border-radius: 15px 40px 0px 0px">
  27. <p style="font-size: 20px;color: #fff">
  28.  
  29. <!-- full name, only put the first letter of the name / surname between the <span></span> class :) -->
  30.  
  31. <span style="color: #ac2121; font-size: 25px">N</span>ame
  32. <span style="color: #ac2121; font-size: 25px">S</span>urname</p>
  33.  
  34. </div>
  35.  
  36.  
  37. <div class="card-block p-3 align-items-center" style="background-color: #2e2e34">
  38.  
  39. <div class="card-block" style="background-color: #ecc17d">
  40. <div class="container">
  41. <div class="row gx-6">
  42.  
  43. <div class="col-5">
  44.  
  45. <!-- profile picture! change the tumblr thing to your character's pfp :] -->
  46.  
  47. <div class="card" style="
  48. background-image: url(https://64.media.tumblr.com/03796ad33b8986ab8e3631daef92670e/30e79ac1df48b21d-f4/s100x200/a3644b2d82d1025eae2bdc41248e6ac851305dd5.jpg);
  49. height: 200px; width: 200px; max-height: 160px; max-width: 160px; background-repeat: no-repeat; background-size: cover; border: #ac2121 10px solid; border-radius: 0px; margin: auto; margin-bottom: 5px"></div>
  50.  
  51. <div class="card-block p-2" style="background-color: #d96047">
  52.  
  53. <p style="font-size: 20px; color: #fff">
  54. <span style="color: #ac2121; font-size: 25px">D</span>esign
  55. <span style="color: #ac2121; font-size: 25px">N</span>otes
  56. </p>
  57.  
  58.  
  59. </div>
  60.  
  61. <div class="card-block p-3" style="background-color: white; overflow: auto; margin-bottom: 5px">
  62.  
  63. <!-- yay! design notes. this is the first one, change the middle of the <span></span> class to change it! -->
  64.  
  65. <p style="color: #d96047; font-size: 16px">Height
  66.  
  67. <span class="pull-right">1 inch</span>
  68.  
  69. </p>
  70.  
  71. <hr style="background-color: #d96047">
  72.  
  73. <!-- second one :3 -->
  74.  
  75. <p style="color: #d96047; font-size: 16px">Weight
  76.  
  77. <span class="pull-right">Idk lol</span>
  78.  
  79. </p>
  80.  
  81. <hr style="background-color: #d96047">
  82.  
  83. <!-- third one! -->
  84.  
  85. <p style="color: #d96047; font-size: 16px">Clothing size
  86.  
  87. <span class="pull-right">S</span>
  88.  
  89. </p>
  90.  
  91. <hr style="background-color: #d96047">
  92.  
  93. <!-- aaaaand done! congrats, you're done with design notes! if you want more, code and paste this:
  94.  
  95. <p style="color: #d96047; font-size: 16px">Thing
  96.  
  97. <span class="pull-right">Answer</span>
  98.  
  99. </p>
  100.  
  101. <hr style="background-color: #d96047">
  102.  
  103. -->
  104.  
  105. </div>
  106. </div>
  107.  
  108. <div class="col-7">
  109.  
  110. <div class="card-block p-2" style="background-color: #d96047">
  111.  
  112. <p style="font-size: 20px">
  113. <span style="color: #ac2121; font-size: 25px">I</span>nfo
  114. </p>
  115.  
  116. </div>
  117.  
  118. <div class="card-block p-3" style="background-color: white; overflow: auto; max-height: 290px">
  119.  
  120. <div class="tab-content">
  121.  
  122. <div class="tab-pane fade active show" id="funfax">
  123.  
  124. <!-- we doin this again! <span</span>, you know the drill -->
  125.  
  126. <p style="color: #d96047; font-size: 16px">Age
  127.  
  128. <span class="pull-right">69</span>
  129.  
  130. </p>
  131.  
  132. <hr style="background-color: #d96047">
  133.  
  134. <!-- second one!-->
  135.  
  136. <p style="color: #d96047; font-size: 16px">Gender
  137.  
  138. <span class="pull-right">No</span>
  139.  
  140. </p>
  141.  
  142. <hr style="background-color: #d96047">
  143.  
  144. <!-- thiird one -->
  145.  
  146. <p style="color: #d96047; font-size: 16px">Pronouns
  147.  
  148. <span class="pull-right">any</span>
  149.  
  150. </p>
  151.  
  152. <hr style="background-color: #d96047">
  153.  
  154. <!-- fourth one -->
  155.  
  156. <p style="color: #d96047; font-size: 18px">Orientation
  157.  
  158. <span class="pull-right">Fruit</span>
  159.  
  160. <hr style="background-color: #d96047">
  161.  
  162. <!-- fifth one! -->
  163.  
  164. <p style="color: #d96047; font-size: 18px">Occupation
  165.  
  166. <span class="pull-right">Model</span>
  167.  
  168. </p>
  169.  
  170. <!-- and done! if you want to add more copy and paste this code:
  171.  
  172. <p style="color: #d96047; font-size: 18px">Orientation
  173.  
  174. <span class="pull-right">Fruit</span>
  175.  
  176. <hr style="background-color: #d96047">
  177.  
  178. -->
  179.  
  180. </div>
  181.  
  182. <div class="tab-pane fade" id="personality">
  183.  
  184. <div class="card" style="background-color: white">
  185.  
  186. <!-- yo we infodumping now! -->
  187. <h1 style="color: #d96047"><span style="font-size: 30px;">P</span>ERSONALITY</h1>
  188.  
  189. <!-- infodump to me about this character-->
  190. <p style="color: #d96047">
  191. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  192. </p>
  193.  
  194. <!-- psst... if you wanna add a backstory thing copy and paste this code
  195.  
  196. <h1 style="color: #d96047"><span style="font-size: 30px;">B</span>ackstory</h1>
  197.  
  198. <p style="color: #d96047">
  199.  
  200. <span style="font-size: 20px">Early Life</span>
  201. <br>
  202. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  203.  
  204. <br><br>
  205.  
  206. <span style="font-size: 20px">Adolescence</span>
  207. <br>
  208. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  209.  
  210. <br><br>
  211.  
  212. <span style="font-size: 20px">Adulthood</span>
  213. <br>
  214. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  215. </p>
  216.  
  217. -->
  218. </div>
  219.  
  220. </div>
  221.  
  222. <div class="tab-pane fade" id="relationships">
  223. <h1 style="color: #d96047">
  224. Relationships
  225. </h1>
  226. <div class="row no-gutters">
  227.  
  228. <!-- ayyyyy relationships tiiiiime. add the link to other character profiles the href="link" part! -->
  229. <a href="replacethis">
  230.  
  231. <!-- you see the tumblr icon thing. ya change it lol -->
  232. <img
  233. src="https://64.media.tumblr.com/4ebd8db9423057c708ec80b97c259238/e292244374681f9b-4d/s100x200/12dc31467038edce1433ddf34298c448ad359442.jpg"
  234. style="max-height: 100px; max-width: 100px;">
  235. </a>
  236.  
  237. <p style="color: #d96047; font-size: 15px; margin-left: 5px; margin-right: 10px">
  238. Character
  239. <br>
  240. <!-- put a small opinion of the character here (e.g "friends" or "sister") -->
  241. <small>opinion</small>
  242. </p>
  243.  
  244. <!-- second one, do same as b4 -->
  245. <a href="replacethis">
  246.  
  247. <!-- replace tumblr -->
  248. <img
  249. src="https://64.media.tumblr.com/4ebd8db9423057c708ec80b97c259238/e292244374681f9b-4d/s100x200/12dc31467038edce1433ddf34298c448ad359442.jpg"
  250. style="max-height: 100px; max-width: 100px;">
  251. </a>
  252.  
  253. <p style="color: #d96047; font-size: 15px; margin-left: 5px; margin-right: 10px">
  254. Character
  255. <br>
  256. <!-- opinion -->
  257. <small>opinion</small>
  258. </p>
  259.  
  260. <!-- thiiird one -->
  261. <a href="replacethis">
  262.  
  263. <!-- replace tumblr -->
  264. <img
  265. src="https://64.media.tumblr.com/4ebd8db9423057c708ec80b97c259238/e292244374681f9b-4d/s100x200/12dc31467038edce1433ddf34298c448ad359442.jpg"
  266. style="max-height: 100px; max-width: 100px;">
  267. </a>
  268.  
  269.  
  270. <p style="color: #d96047; font-size: 15px; margin-left: 5px; margin-right: 10px">
  271. Character
  272.  
  273. <!-- opinion -->
  274. <br>
  275. <small>opinion</small>
  276. </p>
  277.  
  278. <!-- k we're done. if u want more relationships copy this code:
  279.  
  280.  
  281. <a href="replacethis">
  282.  
  283.  
  284. <img
  285. src="https://64.media.tumblr.com/4ebd8db9423057c708ec80b97c259238/e292244374681f9b-4d/s100x200/12dc31467038edce1433ddf34298c448ad359442.jpg"
  286. style="max-height: 100px; max-width: 100px;">
  287. </a>
  288.  
  289.  
  290. <p style="color: #d96047; font-size: 15px; margin-left: 5px; margin-right: 10px">
  291. Character
  292.  
  293.  
  294. <br>
  295. <small>opinion</small>
  296. </p>
  297.  
  298.  
  299. -->
  300.  
  301. </div>
  302. </div>
  303.  
  304. <div class="tab-pane fade" id="playlist">
  305. <h1 style="color: #d96047">
  306. Playlist
  307. </h1>
  308.  
  309. <!-- OK FINAL TAB. this ones a bit tricky so i'll show u what to do -->
  310. <div class="justify-content-between mx-3" style="overflow:hidden">
  311. <span style="color: #d96047">
  312. <iframe class="flex-fill"
  313. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  314. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  315. allowfullscreen
  316. src="https://www.youtube.com/embed/qU9mHegkTc4"></iframe>
  317.  
  318. <!-- ok u see the src thing right. this ^
  319. BASICALLY it's like a youtube link BUT U ONLY PUT IN THE LAST PART. THIS IS IMPORTANT!!!
  320. treat it like this:
  321. https://www.youtube.com/embed/putthinghere
  322. https://www.youtube.com/watch?v=||fku72SKMU1g|| < copy the thing with the || around it
  323. https://www.youtube.com/embed/fku72SKMU1g < and u end up with this. this is how it works properly please i beg you
  324. -->
  325.  
  326. <i class="fas fa-play"></i></span>
  327.  
  328. <!-- song name #lol -->
  329. <span class="text pull-right" style="color: #d96047">505 - Arctic Monkeys</span>
  330. </div>
  331. <hr style="background-color: #d96047">
  332.  
  333. <!-- second one -->
  334. <div class="justify-content-between mx-3" style="overflow:hidden">
  335. <span style="color: #d96047">
  336. <iframe class="flex-fill"
  337. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  338. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  339. allowfullscreen
  340. src="https://www.youtube.com/embed/u6m0ymy2oFk"></iframe>
  341. <!-- embed link, put only the LAST PART!!!-->
  342.  
  343. <i class="fas fa-play"></i></span>
  344. <!-- song name -->
  345. <span class="text pull-right" style="color: #d96047">Christmas Kids - ROAR</span>
  346. </div>
  347. <hr style="background-color: #d96047">
  348.  
  349. <!-- third one -->
  350. <div class="justify-content-between mx-3" style="overflow:hidden">
  351. <span style="color: #d96047">
  352. <iframe class="flex-fill"
  353. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  354. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  355. allowfullscreen
  356. src="https://www.youtube.com/embed/Q8Nl4IQdOrw"></iframe>
  357. <!-- embed link. only the last part PLEASE-->
  358. <i class="fas fa-play"></i></span>
  359.  
  360. <!-- song name :D -->
  361. <span class="text pull-right" style="color: #d96047">Lover's Rock - Tv girl</span>
  362. </div>
  363. <hr style="background-color: #d96047">
  364.  
  365. <!-- fourth one-->
  366. <div class="justify-content-between mx-3" style="overflow:hidden">
  367. <span style="color: #d96047">
  368. <iframe class="flex-fill"
  369. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  370. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  371. allowfullscreen
  372. src="https://www.youtube.com/embed/ttEOHrHeh5I"></iframe>
  373. <!-- only da last paaaaart (yes im gonna nag u till this page is over) -->
  374. <i class="fas fa-play"></i></span>
  375. <!-- song NAAAAAAME -->
  376. <span class="text pull-right" style="color: #d96047">Pink - maretu</span>
  377. </div>
  378. <hr style="background-color: #d96047">
  379.  
  380.  
  381. <div class="justify-content-between mx-3" style="overflow:hidden">
  382. <span style="color: #d96047">
  383. <iframe class="flex-fill"
  384. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  385. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  386. allowfullscreen
  387. src="https://www.youtube.com/embed/2g5xkLqIElU"></iframe>
  388.  
  389. <i class="fas fa-play"></i></span>
  390. <span class="text pull-right" style="color: #d96047">Borderline - Tame Impala</span>
  391. </div>
  392.  
  393. <!-- ok. ok we're done. only a bit more fateful user <:] if u want more then copy paste this
  394.  
  395. <div class="justify-content-between mx-3" style="overflow:hidden">
  396. <span style="color: #d96047">
  397. <iframe class="flex-fill"
  398. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  399. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  400. allowfullscreen
  401. src="https://www.youtube.com/embed/linkhere"></iframe>
  402.  
  403. <i class="fas fa-play"></i></span>
  404. <span class="text pull-right" style="color: #d96047">song name - artist</span>
  405. </div>
  406.  
  407. -->
  408.  
  409. </div>
  410.  
  411. <hr>
  412.  
  413.  
  414. </div>
  415.  
  416.  
  417. </div>
  418.  
  419.  
  420.  
  421. <div class="col-12 p-3 mx-1">
  422. <div class="row no-gutters">
  423.  
  424. <!-- oh hell naw not the nermal pills -->
  425. <ul class="nav nav-pills">
  426.  
  427.  
  428. <!-- you see the bg color ? (i singled it out, it's the background-color: # thing) change it to the basics of ur ocs epic color palette. i think ur oc looks neat! :D
  429. also psst.. dont remove the hashtag bcuz its a hex code-->
  430. <li class="nav-item">
  431. <a class="nav-link" href="#funfax" data-toggle="tab"
  432. style="height: 50px; width: 50px;
  433. background-color: #ac2121;
  434. margin-right: 5px">
  435. </a>
  436. </li>
  437.  
  438. <!-- second one! -->
  439. <li class="nav-item">
  440. <a class="nav-link" href="#personality" data-toggle="tab" style="height: 50px; width: 50px;
  441. background-color: #d96047;
  442. margin-right: 5px">
  443.  
  444. </a>
  445. </li>
  446.  
  447. <!-- third one! psst.. u can also remove the border by deleting the "border: 1px solid white;" >:]-->
  448. <li class="nav-item">
  449. <a class="nav-link" href="#relationships" data-toggle="tab" style="height: 50px; width: 50px;
  450. background-color: #ecc17d;
  451. border: 1px solid white; margin-right: 5px">
  452. </a>
  453. </li>
  454.  
  455. <!-- final one! idc if u add more tabs but it might not look so great so i dont recommend it-->
  456. <li class="nav-item">
  457. <a class="nav-link" href="#playlist" data-toggle="pill" style="height: 50px; width: 50px; background-color: #2e2e34;">
  458.  
  459. </a>
  460. </li>
  461.  
  462. </ul>
  463.  
  464. <!-- ok we done... just the moodboards now -->
  465. </div>
  466. </div>
  467.  
  468.  
  469. </div>
  470.  
  471. <div class="col-12">
  472. <div class="row no-gutters">
  473.  
  474. <!-- ok change the unsplash url to ur image url! singled it out for u again -->
  475. <div class="col-3"
  476. style="background-image: url(https://images.unsplash.com/photo-1499426666029-5c0678a1d89a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=668&q=80);
  477. height: 150px; background-size: cover; background-position: center; border-radius: 4px 0px 0px 4px">
  478.  
  479. </div>
  480.  
  481. <!-- again! -->
  482. <div class="col-3"
  483. style="background-image: url(https://images.unsplash.com/photo-1529798856831-427dfd0a1ab1?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=668&q=80);
  484. height: 150px; background-size: cover; background-position: center;">
  485.  
  486. </div>
  487.  
  488. <!-- and again! -->
  489. <div class="col-3"
  490. style="background-image: url(https://images.unsplash.com/photo-1574894078563-01e879b89809?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1778&q=80);
  491. height: 150px; background-size: cover; background-position: center;">
  492.  
  493. </div>
  494.  
  495. <!-- and the final one! -->
  496. <div class="col-3" style="background-image: url(https://images.unsplash.com/photo-1559570278-eb8d71d06403?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=562&q=80); height: 150px; background-size: cover; background-position: center;border-radius: 0px 4px 4px 0px">
  497.  
  498. </div>
  499.  
  500.  
  501. </div>
  502. </div>
  503.  
  504.  
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509.  
  510.  
  511. <div class="card col-7 float-right" style="background-color: #d96047; border-radius: 0px 0px 15px 40px;">
  512.  
  513. <!-- this is a quote! see the keeeeep this short lol meow? change that but dont make it too long! -->
  514. <p style="color: #fff">
  515.  
  516. <span style="color: #ac2121; font-size: 20px">"
  517. </span>
  518.  
  519. keeeeeep this short lol meow
  520.  
  521. <span style="color: #ac2121; font-size: 20px">"
  522. </span>
  523.  
  524. </p>
  525.  
  526.  
  527. </div>
  528.  
  529.  
  530. <!-- dont remove the credit please please please please please!!!!!!!!!!!!!!!!!!!!!!!!!! -->
  531. <a href="/micro-wave" style="color: #ecc17d; font-size: 12px">
  532. <span class="pull-left">
  533. <i class="fas fa-microwave"></i>
  534. code by micro-wave
  535. </span>
  536. </a>
  537.  
  538. </div>
  539.  
  540. <br>
  541.  
  542.  
  543. </div>
Advertisement
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!