API tools faq
paste
randomtology

Untitled

randomtology
Jul 17th, 2022
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.43 KB | None | 0 0
raw download clone embed print report
  1. <raw-code>
  2. <div style="height: 475px; width: 800px; margin: auto; background-color: black; overflow: hidden;">
  3.  
  4. <!--START NAV BAR-->
  5. <div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to right, #505050 , #676767); overflow: hidden;"><div style="display: block; width: 200px; height: 20px; background-image: linear-gradient(to right, #535353 , #202020);"></div>
  6. <div style="display: block; width: 195px; height: 35px; background-image: linear-gradient(to right, #9b999a , #b1b1b1); font-family: 'Trebuchet MS'; text-align: right; line-height: 35px; font-size: 20px; color: #51555e; padding-right: 5px; letter-spacing: -1px;">Relationships</div>
  7.  
  8. <div style="overflow: auto; width: 200px; height: 390px;">
  9.  
  10. <!--START NAME-->
  11. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  12. <a href="#IZUKU" style="text-decoration: none; color: #fafafa;">Izuku Midoriya</a></div>
  13. <!--END NAME-->
  14.  
  15. <!--START NAME-->
  16. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  17. <a href="#JUN" style="text-decoration: none; color: #fafafa;">Jun Nightroad</a></div>
  18. <!--END NAME-->
  19.  
  20. <!--START NAME-->
  21. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  22. <a href="#LUISA" style="text-decoration: none; color: #fafafa;">Luisa Madrigal</a></div>
  23. <!--END NAME-->
  24.  
  25. <!--START NAME-->
  26. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  27. <a href="#ALBERTO" style="text-decoration: none; color: #fafafa;">Alberto Scorfano</a></div>
  28. <!--END NAME-->
  29.  
  30. <!--START NAME-->
  31. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  32. <a href="#AUGUST" style="text-decoration: none; color: #fafafa;">August Villareal</a></div>
  33. <!--END NAME-->
  34.  
  35. <!--START NAME-->
  36. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  37. <a href="#KEN" style="text-decoration: none; color: #fafafa;">Ken Amada</a></div>
  38. <!--END NAME-->
  39.  
  40. <!--START NAME-->
  41. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  42. <a href="#TSUNAYOSHI" style="text-decoration: none; color: #fafafa;">Tsunayoshi Sawada</a></div>
  43. <!--END NAME-->
  44.  
  45. <!--START NAME-->
  46. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  47. <a href="#SOUTA" style="text-decoration: none; color: #fafafa;">Souta Suzukaze</a></div>
  48. <!--END NAME-->
  49.  
  50. <!--START NAME-->
  51. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  52. <a href="#LUCA" style="text-decoration: none; color: #fafafa;">Luca Paguro</a></div>
  53. <!--END NAME-->
  54.  
  55. <!--START NAME-->
  56. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  57. <a href="#MINATO" style="text-decoration: none; color: #fafafa;">Minato Arisato</a></div>
  58. <!--END NAME-->
  59. </div></div>
  60. <!--END NAV BAR-->
  61.  
  62. <!--START INFO AREA-->
  63. <div><div style="display: inline-block; float: right; width: 595px; height: 475px; background-image: url('https://i.imgur.com/MhG9JWG.png'); overflow: hidden;">
  64.  
  65. <!--START IZUKU-->
  66. <div style="width: 595px; height: 475px;">
  67. <a name="IZUKU"></a>
  68. <div style="display: block; height: 20px; width: 595px;"></div>
  69.  
  70. <!--START NAME-->
  71. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Izuku Midoriya</div>
  72. <!--END NAME-->
  73.  
  74. <!--START IMAGES-->
  75. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  76. <div style="display: inline-block; width: 210px; height: 330px;">
  77. <div style="display: inline-block; width: 191px; height: 301px">
  78. <img src="https://i.imgur.com/QTmrjq4.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  79. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  80. <img src="https://v.dreamwidth.org/13073624/3510619" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  81. <!--END IMAGES-->
  82.  
  83. <!--START TEXT-->
  84. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  85. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  86. <a href="https://defendure.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Deku</a></div>
  87.  
  88. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  89. Info here
  90. </div></div>
  91. <!--END TEXT-->
  92. </div></div>
  93. <!--END IZUKU-->
  94.  
  95. <!--START JUN-->
  96. <div style="width: 595px; height: 475px;">
  97. <a name="JUN"></a>
  98. <div style="display: block; height: 20px; width: 595px;"></div>
  99.  
  100. <!--START NAME-->
  101. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Jun Nightroad</div>
  102. <!--END NAME-->
  103.  
  104. <!--START IMAGES-->
  105. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  106. <div style="display: inline-block; width: 210px; height: 330px;">
  107. <div style="display: inline-block; width: 191px; height: 301px">
  108. <img src="https://i.imgur.com/lhv3wCj.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  109. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  110. <img src="https://v.dreamwidth.org/15661038/3683061" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  111. <!--END IMAGES-->
  112.  
  113. <!--START TEXT-->
  114. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  115. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  116. <a href="https://whiteshroud.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Furby</a></div>
  117.  
  118. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  119. Info here
  120. </div></div>
  121. <!--END TEXT-->
  122. </div></div>
  123. <!--END JUN-->
  124.  
  125. <!--START LUISA-->
  126. <div style="width: 595px; height: 475px;">
  127. <a name="LUISA"></a>
  128. <div style="display: block; height: 20px; width: 595px;"></div>
  129.  
  130. <!--START NAME-->
  131. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Luisa Madrigal</div>
  132. <!--END NAME-->
  133.  
  134. <!--START IMAGES-->
  135. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  136. <div style="display: inline-block; width: 210px; height: 330px;">
  137. <div style="display: inline-block; width: 191px; height: 301px">
  138. <img src="https://i.imgur.com/R39gFLE.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  139. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  140. <img src="https://v.dreamwidth.org/15379832/3869582" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  141. <!--END IMAGES-->
  142.  
  143. <!--START TEXT-->
  144. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  145. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  146. <a href="https://neverbreaks.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Nee-chan</a></div>
  147.  
  148. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  149. Info here
  150. </div></div>
  151. <!--END TEXT-->
  152. </div></div>
  153. <!--END LUISA-->
  154.  
  155. <!--START ALBERTO-->
  156. <div style="width: 595px; height: 475px;">
  157. <a name="ALBERTO"></a>
  158. <div style="display: block; height: 20px; width: 595px;"></div>
  159.  
  160. <!--START NAME-->
  161. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Alberto Scorfano</div>
  162. <!--END NAME-->
  163.  
  164. <!--START IMAGES-->
  165. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  166. <div style="display: inline-block; width: 210px; height: 330px;">
  167. <div style="display: inline-block; width: 191px; height: 301px">
  168. <img src="https://i.imgur.com/HijeiBp.png" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  169. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  170. <img src="https://v.dreamwidth.org/15044440/3811797" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  171. <!--END IMAGES-->
  172.  
  173. <!--START TEXT-->
  174. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  175. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  176. <a href="https://conteggio.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Nickels</a></div>
  177.  
  178. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  179. Info here
  180. </div></div>
  181. <!--END TEXT-->
  182. </div></div>
  183. <!--END ALBERTO-->
  184.  
  185.  
  186.  
  187. <!--START AUGUST-->
  188. <div style="width: 595px; height: 475px;">
  189. <a name="AUGUST"></a>
  190. <div style="display: block; height: 20px; width: 595px;"></div>
  191.  
  192. <!--START NAME-->
  193. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">August Villareal</div>
  194. <!--END NAME-->
  195.  
  196. <!--START IMAGES-->
  197. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  198. <div style="display: inline-block; width: 210px; height: 330px;">
  199. <div style="display: inline-block; width: 191px; height: 301px">
  200. <img src="https://i.imgur.com/ZD67z3A.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  201. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  202. <img src="https://v.dreamwidth.org/14640932/3745492" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  203. <!--END IMAGES-->
  204.  
  205. <!--START TEXT-->
  206. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  207. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  208. <a href="https://drewthetower.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Bird Brain</a></div>
  209.  
  210. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  211. Katsuki deemed August as a good person to know almost instantly. The first person to greet Katsuki on the Libra app, August didn't beat around the bush and got him filled in on things quickly and competently.
  212. </div></div>
  213. <!--END TEXT-->
  214. </div></div>
  215. <!--END AUGUST-->
  216.  
  217.  
  218. <!--START KEN-->
  219. <div style="width: 595px; height: 475px;">
  220. <a name="KEN"></a>
  221. <div style="display: block; height: 20px; width: 595px;"></div>
  222.  
  223. <!--START NAME-->
  224. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Ken Amada</div>
  225. <!--END NAME-->
  226.  
  227. <!--START IMAGES-->
  228. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  229. <div style="display: inline-block; width: 210px; height: 330px;">
  230. <div style="display: inline-block; width: 191px; height: 301px">
  231. <img src="https://i.imgur.com/PomaeGG.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  232. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  233. <img src="https://v.dreamwidth.org/14481902/3721016" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  234. <!--END IMAGES-->
  235.  
  236. <!--START TEXT-->
  237. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  238. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  239. <a href="https://whatsamada.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">Yappy Mutt</a></div>
  240.  
  241. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  242. Katsuki has really only talked to Ken a handful of times. But Ken's signing on for the soccer match in May's realm and subsequently dying left an impact on Katsuki. He's been carrying guilt for not being able to do anything about the kids who signed up for the game. Going forward he wants to be involved in keeping tabs on the kids im the realms. After learning that Ken apparently didn't have much of a childhood, Katsuki sort of wants to encourage him to act more his age. But he's not yet sure how to go about it, beyond building sandcastles with him in July's realm.
  243. </div></div>
  244. <!--END TEXT-->
  245. </div></div>
  246. <!--END KEN-->
  247.  
  248. <!--START TSUNAYOSHI-->
  249. <div style="width: 595px; height: 475px;">
  250. <a name="TSUNAYOSHI"></a>
  251. <div style="display: block; height: 20px; width: 595px;"></div>
  252.  
  253. <!--START NAME-->
  254. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Tsunayoshi Sawada</div>
  255. <!--END NAME-->
  256.  
  257. <!--START IMAGES-->
  258. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  259. <div style="display: inline-block; width: 210px; height: 330px;">
  260. <div style="display: inline-block; width: 191px; height: 301px">
  261. <img src="https://i.imgur.com/xnMscko.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  262. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  263. <img src="https://v.dreamwidth.org/14429092/3615365" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  264. <!--END IMAGES-->
  265.  
  266. <!--START TEXT-->
  267. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  268. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  269. <a href="https://.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">???</a></div>
  270.  
  271. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  272. Katsuki has been tutoring Tsuna since a few months before getting roped into the Zodiac nonsense. Originally he wasn't enthusiastic about the job, since Tsuna can be a bit unmotivated. But he's since realized that Tsuna lacks confidence in himself and needs people to push him. Katsuki can be a bit of and his tutoring methods are a bit brutal. But he genuinely believes Tsuna can do well if he applies himself.
  273. </div></div>
  274. <!--END TEXT-->
  275. </div></div>
  276. <!--END TSUNAYOSHI-->
  277.  
  278. <!--START SOUTA-->
  279. <div style="width: 595px; height: 475px;">
  280. <a name="SOUTA"></a>
  281. <div style="display: block; height: 20px; width: 595px;"></div>
  282.  
  283. <!--START NAME-->
  284. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Souta Suzukaze</div>
  285. <!--END NAME-->
  286.  
  287. <!--START IMAGES-->
  288. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  289. <div style="display: inline-block; width: 210px; height: 330px;">
  290. <div style="display: inline-block; width: 191px; height: 301px">
  291. <img src="https://i.imgur.com/zDTf59V.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  292. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  293. <img src="https://v.dreamwidth.org/6658216/2069871" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  294. <!--END IMAGES-->
  295.  
  296. <!--START TEXT-->
  297. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  298. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  299. <a href="https://keyofelde.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">???</a></div>
  300.  
  301. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  302. Souta is another of the young teens Katsuki has picked up along the way. They met in the May realm and Souta was on his team for the soccer game. Since then, Katsuki has been keeping an eye on him. He's immediately knew Souta as a trouble magnet.
  303. </div></div>
  304. <!--END TEXT-->
  305. </div></div>
  306. <!--END SOUTA-->
  307.  
  308. <!--START LUCA-->
  309. <div style="width: 595px; height: 475px;">
  310. <a name="LUCA"></a>
  311. <div style="display: block; height: 20px; width: 595px;"></div>
  312.  
  313. <!--START NAME-->
  314. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Luca Paguro</div>
  315. <!--END NAME-->
  316.  
  317. <!--START IMAGES-->
  318. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  319. <div style="display: inline-block; width: 210px; height: 330px;">
  320. <div style="display: inline-block; width: 191px; height: 301px">
  321. <img src="https://i.imgur.com/amPch9L.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  322. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  323. <img src="https://v.dreamwidth.org/15022746/3807575" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  324. <!--END IMAGES-->
  325.  
  326. <!--START TEXT-->
  327. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  328. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  329. <a href="https://schoolingfish.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">???</a></div>
  330.  
  331. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  332. Katsuki only recently met and briefly talked with Luca. But from the little he's spoken to him he already thinks he's pretty chill and level headed. Katsuki will almost definitely end up with a soft spot for him in time.
  333. </div></div>
  334. <!--END TEXT-->
  335. </div></div>
  336. <!--END LUCA-->
  337.  
  338. <!--START MINATO-->
  339. <div style="width: 595px; height: 475px;">
  340. <a name="MINATO"></a>
  341. <div style="display: block; height: 20px; width: 595px;"></div>
  342.  
  343. <!--START NAME-->
  344. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">Minato Arisato</div>
  345. <!--END NAME-->
  346.  
  347. <!--START IMAGES-->
  348. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  349. <div style="display: inline-block; width: 210px; height: 330px;">
  350. <div style="display: inline-block; width: 191px; height: 301px">
  351. <img src="https://i.imgur.com/pbu2e04.jpeg" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;"></div>
  352. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  353. <img src="https://v.dreamwidth.org/15378052/3751121" style="border-radius: 50px; border: solid 1px #001222;"></div></div>
  354. <!--END IMAGES-->
  355.  
  356. <!--START TEXT-->
  357. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  358. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  359. <a href="https://evoked.dreamwidth.org/" style="text-decoration: none; color: #a0ffff">???</a></div>
  360.  
  361. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  362. INFO GOES HERE
  363. </div></div>
  364. <!--END TEXT-->
  365. </div></div>
  366. <!--END MINATO-->
  367.  
  368. </div></div>
  369. <!--END INFO AREA-->
  370. </div>
  371. <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
  372. </raw-code>
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!