t3ch13-c0l0rs

YOU LOST YOUR BODY

Sep 18th, 2022
615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.45 KB | None | 0 0
  1. <!-- gooood morning america my name is hara and i will be hosting your radio television news broadcast on this lovely day this is for coders quarters as u see in the microwave above the text
  2.  
  3. cmd+f for quick changes
  4.  
  5. colors:
  6. borders + piano: #d62a6c
  7. microchip and play (?) button for the music: #53b2c9
  8. background color: #12184c
  9. text: #fff
  10. title for the name n quote: #1cc8fd
  11. summa the social media boxes: #FF2979
  12. the other half of the boxes: #4da2bc
  13. bg for the transparent box: (5, 10, 51, 0.5) (RGBA, dont put a hex code)
  14. bg for the socials text: (197, 21, 88, 0.8) (RGBA AGAIN LOL)
  15. bg for the character text: (0, 0, 0, 0.5) (rgba)
  16.  
  17. i put too many colors Sorry
  18. -->
  19.  
  20. <div class="col-md-7 col-sm-12 mx-auto">
  21.  
  22. <div class="col-12 justify-content-end p-0">
  23. <a href="/micro-wave" data-toggle="tooltip" title="code by hara" style="color: #53b2c9; font-size: 45px; margin-bottom: -36px; margin-right: -18px; z-index: 1">
  24.  
  25. <!-- did you know that you can CHANGE this icon? go to fontawesome.com to learn more! -->
  26. <i class="fa-regular fa-microchip"></i>
  27. </a>
  28. </div>
  29.  
  30. <div class="col-12 p-1" style="border: #d62a6c 1px solid; border-radius: 4px; background-color: #12184c">
  31.  
  32. <div class="col-12 p-2" style="border: #d62a6c 1px solid;">
  33. <div class="row no-gutters">
  34.  
  35. <div class="col-md-5 col-sm-12">
  36. <div class="col-12 p-1" style="border: #d62a6c 1px solid; ">
  37. <!-- pfp img iirc change the thing in the () with an img link (right click + copy image link)-->
  38. <div style="background-image: url(https://images.unsplash.com/photo-1562263588-35193ae8ecbb?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80); padding-top: 100%; background-size: cover"></div>
  39. </div>
  40. <div class="col-12 justify-content-center" style="margin-top: -15px">
  41. <!-- did you know that you can CHANGE this icon? go to fontawesome.com to learn more! -->
  42. <i class="fa-duotone fa-piano-keyboard" style="font-size: 60px; color: #FF2979; "></i>
  43. </div>
  44.  
  45. <div class="col-12 p-1 mb-1" style="border: #d62a6c 1px solid; white-space: nowrap; overflow: auto; font-family: courier">
  46.  
  47. <span><div class="row no-gutters">
  48.  
  49. <!-- dear god not again. i keep saying im gonna STOP EXPLAINING IT but i never do!!! i dont think i ever will!!!!
  50. https://www.youtube.com/watch?v=lhsyVLNObgE <-- normal youtube link
  51. you take the end of it (the lhsyVLNObgE) and replace the kTeBRX1322A with it -->
  52. <iframe class="flex-fill"
  53. style="height: 1em; width: 1em; opacity: .01; position: absolute; margin-top: 6px; z-index: 1" frameborder="0"
  54. allow="encrypted-media; gyroscope; picture-in-picture; accelerometer"
  55. allowfullscreen
  56. src="https://www.youtube.com/embed/kTeBRX1322A"></iframe>
  57.  
  58.  
  59. <p>
  60.  
  61. <!-- did you know that you can CHA yeah no i'm not doing the gag 3 times in a row. -->
  62. <i class="fa-regular fa-play mr-2 mt-1" style="color:#53b2c9; position: sticky; left: 0; background-color: #12184c"></i>
  63.  
  64. <!-- song title -->
  65. <span style="color:white; margin-top: 1.5px">YOU LOST YOUR BODY</span></p>
  66. </div>
  67. </span>
  68.  
  69. </div>
  70. </div>
  71.  
  72. <!-- ur name prns and whatever other thing u can think of. aroace could say ur age or some shit idk. -->
  73. <div class="col-md-6 col-sm-12 pl-md-2 pl-sm-0">
  74. <div class="col-12 p-1 mb-1" style="border: #d62a6c 1px solid; color: #1cc8fd; font-family: courier; font-weight: 600; text-align:center">
  75. MANTIS . ANY PRNS . AROACE
  76. </div>
  77.  
  78. <!-- WRITE A PARAGRAPH. have fun! -->
  79. <div class="col-12 p-1 overflow-auto" style="border: #d62a6c 1px solid; color: #fff; font-family: courier; max-height: 260px">
  80. 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.
  81. </div>
  82. </div>
  83.  
  84. <!-- quote. this one is a truxton song Can you tell i like lapfox -->
  85. <div class="col-1 pl-1 pt-3 text-uppercase text-nowrap" style="color: #1cc8fd; font-family: courier; font-size: 20px;">
  86. <p style="transform: rotate(90deg);">SORRY WE MISSED YOU β™‘</p>
  87. </div>
  88.  
  89. <!-- socials bg img replace the thing in the () again-->
  90. <div class="col-md-8 col-sm-12 p-1" style="border: 1px solid #d62a6c; background-image: url(https://images.unsplash.com/photo-1598520106864-72ed7919100b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1752&q=80); background-size: cover">
  91.  
  92. <div class="col-12 m-0 p-1 mb-1" style="background-color: rgba(197, 21, 88, 0.8)">
  93. <div class="justify-content-between">
  94. <p style="font-family: courier; color: #fff; font-weight: 700">SOCIALS: </p>
  95. <!-- did YOU know tha- (GUNSHOT) u can stop it from beating by removing fa-beat fun fact. -->
  96. <i class="fa-regular fa-apartment fa-beat mt-1 mr-1"></i>
  97. </div>
  98. </div>
  99.  
  100. <div class="col-12 p-2" style="background-color: rgba(5, 10, 51, 0.5); font-family: courier">
  101.  
  102. <!-- instagram. don't have it? too bad. naw jk just remove the fa-square-instagram and i think you can get a new thing............... iirc -->
  103. <div class="justify-content-between" style="color: white">
  104. <i class="fa-brands fa-square-instagram" style="color: #FF2979; font-size: 25px"></i>
  105. @mycoolatsign
  106. </div>
  107.  
  108. <!-- twitah -->
  109. <div class="justify-content-between" style="color: white">
  110. <i class="fa-brands fa-square-twitter" style="color: #4da2bc; font-size: 25px"></i>
  111. @mycoolatsign
  112. </div>
  113.  
  114. <!-- da -->
  115. <div class="justify-content-between" style="color: white">
  116. <i class="fa-brands fa-deviantart ml-1 mt-1 mb-1" style="color: #FF2979; font-size: 18px"></i>
  117. @mycoolatsign
  118. </div>
  119.  
  120. <!-- haras right you should follow her (speaking in the third person) -->
  121. <div class="justify-content-between" style="color: white">
  122. <i class="fa-brands fa-square-tumblr" style="color: #4da2bc; font-size: 25px"></i>
  123. tumblr @ (follow me btw @borzologist)
  124. </div>
  125.  
  126. <!-- WAKE UP its 1984. oingo boingo reference aside i want nitro just to change my tag to 1984 because its funny -->
  127. <div class="justify-content-between" style="color: white">
  128. <i class="fa-brands fa-discord mt-1" style="color: #FF2979; font-size: 18px"></i>
  129. my tag#1984
  130. </div>
  131.  
  132.  
  133.  
  134. </div>
  135.  
  136. </div>
  137.  
  138. <div class="col-md-4 col-sm-12 pl-2">
  139. <div class="col-12 p-1" style="border: 1px solid #d62a6c; margin-top: -10px;">
  140.  
  141.  
  142. <!-- THANKS GUNK FOR LETTING ME USE ITS CHARACTER FOR THIS every say thank you gunk (remove the thing in () u know the drill -->
  143. <div class="col-12" style="background: url(https://media.discordapp.net/attachments/917460606540472382/1019397005447024640/punkd.PNG); background-position:center center; background-size: cover; background-repeat: no-repeat; padding-top: 86%">
  144. <div class="h-25 w-100 p-1" style="background-color: rgba(0,0,0,0.5); font-family: courier; text-align: center">
  145. <!-- hey. you hsould read this actually. read the page. for me. hara! you would do that for me would u -->
  146. <a href="https://verminhaywired.neocities.org/pen.html" class="text-white">pen</a></div>
  147. </div>
  148.  
  149. </div>
  150.  
  151. </div>
  152.  
  153. <!-- end baiiii :3 -->
  154. </div>
  155. </div>
  156.  
  157. </div>
  158. </div>
Advertisement
Add Comment
Please, Sign In to add comment