API tools faq
paste
vladimirpinarum

F2U Wanted

vladimirpinarum
Apr 6th, 2021 (edited)
1,147
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.61 KB | None | 1 0
raw download clone embed print report
  1. <!----------------------------------------------------------------
  2. WANTED PROFILE
  3. Profile by HTMLobster (noll)
  4.  
  5.  
  6. TOS:
  7. Do not remove my credit. You may edit it, however.
  8. You may edit code/frankenstein with others as long as their TOS allows!
  9. Turn off WYSIWYG and turn on Code Editor.
  10. Ask me if you want to redistribute edits. Must be F2U.
  11. ------------------------------------------------------------------>
  12. <div class="container" style="max-width:800px;">
  13. <div class="container rounded bg-faded" style="font-size:1em;">
  14. <div class="text-secondary text-center pt-3">
  15. <div class="row no-gutters" style="font-size:1.5em;">
  16. <div class="col-5"><hr style="border-top:2px solid;"></div>
  17. <div class="col-2 text-primary"><i class="fas fa-star"></i></div>
  18. <div class="col-5"><hr style="border-top:2px solid;"></div>
  19. </div>
  20. <div style="font-size:3.5em; font-weight:900; letter-spacing:5px; font-family:'Georgia',serif;">
  21. <div>
  22. <p>WANTED</p>
  23. <hr style="border-top:2px solid;">
  24. </div>
  25. </div>
  26. </div>
  27. <div class="row no-gutters p-1">
  28. <div class="col-md-12 text-center text-secondary" style="font-weight:900; font-size: 1.9em; font-family:'Georgia',serif;">
  29. <p class="mb-3">DEAD OR ALIVE</p>
  30. </div>
  31. <div class="col-md-6 p-1">
  32. <center>
  33. <!--- Character image --->
  34. <img src="https://via.placeholder.com/500.png" class="rounded bg-light text-secondary p-1 mb-sm-3 mb-md-0" style="float:left;border: 2px solid;" alt="describe image">
  35. </center>
  36. </div>
  37. <!--- Character info --->
  38. <div class="col-md-6 pl-md-1">
  39. <!--- Name --->
  40. <h1 class="text-center text-primary" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h1>
  41. <table class="border border-0" style="width:100%;">
  42. <!--- Basics --->
  43. <tr>
  44. <td class="text-uppercase" style="letter-spacing:1px;">age</td>
  45. <td class="text-right">XX years</td>
  46. </tr>
  47. <tr>
  48. <td class="text-uppercase" style="letter-spacing:1px;">height</td>
  49. <td class="text-right">XX FT/ XX CM</td>
  50. </tr>
  51. <tr>
  52. <td class="text-uppercase" style="letter-spacing:1px;">weight</td>
  53. <td class="text-right">XX lbs / XX kg</td>
  54. </tr>
  55. <tr>
  56. <td class="text-uppercase" style="letter-spacing:1px;">hair</td>
  57. <td class="text-right">color</td>
  58. </tr>
  59. <tr>
  60. <td class="text-uppercase" style="letter-spacing:1px;">eyes</td>
  61. <td class="text-right">color</td>
  62. </tr>
  63. <tr>
  64. <td class="text-uppercase" style="letter-spacing:1px;">gender</td>
  65. <td class="text-right">gender</td>
  66. </tr>
  67. <tr>
  68. <td class="text-uppercase" style="letter-spacing:1px;">species</td>
  69. <td class="text-right">species</td>
  70. </tr>
  71. <tr>
  72. <td class="text-uppercase" style="letter-spacing:1px;">aliases</td>
  73. <td class="text-right">other names/nicknames</td>
  74. </tr>
  75. </table>
  76. <!--- Short description --->
  77. <p style="font-weight:900; font-family:'Georgia',serif;">Put a couple short sentences here.</p>
  78. </div>
  79. <div class="col-md-12 mt-3">
  80. <!--- Tab names --->
  81. <ul class="nav nav-tabs card-header-tabs row mt-1 mb-1">
  82. <li class="col-md-3 mb-1"><a class="btn btn-block btn-outline-primary active" data-toggle="tab" href="#tab1">About</a></li>
  83. <li class="col-md-3 mb-1"><a class="btn btn-block btn-outline-primary" data-toggle="tab" href="#tab2">History</a></li>
  84. <li class="col-md-3 mb-1"><a class="btn btn-block btn-outline-primary" data-toggle="tab" href="#tab3">Trivia</a></li>
  85. <li class="col-md-3 mb-1"><a class="btn btn-block btn-outline-primary" data-toggle="tab" href="#tab4">Relationships</a></li>
  86. </ul>
  87.  
  88. <div class="tab-content">
  89. <!--- FIRST TAB --->
  90. <div class="tab-pane fade active show" id="tab1">
  91. <div class="p-1">
  92. <div class="p-1">
  93. <!--- Section 1 --->
  94. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Appearance</h1>
  95. <hr class="m-0 mb-2 bg-dark">
  96.  
  97. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis. Nunc tristique sem vel lacus lobortis convallis. Donec eu commodo neque. Donec fermentum mauris nec odio lacinia, nec dictum magna pellentesque. Nulla nunc nisl, porta ac volutpat non, vestibulum faucibus est. Nulla fringilla nibh tellus, et pellentesque arcu mattis sit amet. Ut euismod eros sed nulla tempus, eu egestas sem eleifend. Nam fermentum leo quis odio volutpat faucibus. Nullam id mollis ligula.</p>
  98. <!--- Section 2 --->
  99. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Personality</h1>
  100. <hr class="m-0 mb-2 bg-dark">
  101.  
  102. <p>Quisque egestas turpis et pretium egestas. Suspendisse rhoncus nisl at dui faucibus tempor. Mauris vitae interdum quam. Praesent venenatis ex vitae tellus tristique maximus. Suspendisse pretium, augue nec finibus blandit, nulla lectus commodo lectus, a lacinia arcu turpis condimentum arcu. Duis ultrices lacinia consectetur.</p>
  103. <p>Aliquam a aliquam ligula. Curabitur vehicula eros ac scelerisque pellentesque. Nunc laoreet purus in libero porttitor sodales. Morbi ac nisl felis. Ut varius, quam ut mollis facilisis, dolor felis mattis magna, at ullamcorper dui neque at velit. Sed faucibus nisl sit amet enim sagittis lacinia. Quisque iaculis leo eu neque malesuada luctus. Sed luctus, diam sit amet dictum ornare, erat lacus euismod elit, sit amet vulputate purus est vel nisl. Nullam rutrum convallis dignissim. Nam turpis dolor, tincidunt id rutrum tristique, efficitur vitae lacus. Curabitur quis consequat est, sed viverra purus.
  104. </p>
  105. <!--- Section 3 --->
  106. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Other</h1>
  107. <hr class="m-0 mb-2 bg-dark">
  108.  
  109. <p>Cras vitae ligula interdum, sagittis mi vel, vehicula ligula. Pellentesque viverra tempor vulputate. Proin auctor elit eu odio ullamcorper, venenatis rutrum dui lobortis. Proin sit amet tortor eros. Mauris rhoncus consequat pretium. Duis neque velit, eleifend sit amet auctor eu, accumsan non velit. Vivamus eget blandit dolor. Nam faucibus laoreet turpis, in euismod nisl dictum in. Suspendisse laoreet tristique porta. Mauris mi orci, convallis placerat massa ac, congue rhoncus lectus.</p>
  110. <p>Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet eros eleifend. Mauris non augue fermentum, aliquam purus in, commodo sapien. Morbi scelerisque, tellus non ultricies blandit, justo tellus malesuada libero, nec fringilla enim diam vitae mauris. Duis eget aliquet libero, at pharetra turpis. Maecenas convallis ornare ex vel tempus. Nullam pellentesque luctus ipsum sit amet rutrum.
  111. </p>
  112.  
  113. </div>
  114. </div>
  115. </div>
  116.  
  117. <!--- SECOND TAB --->
  118. <div class="tab-pane fade" id="tab2">
  119. <div class="p-1">
  120. <div class="p-1">
  121. <!--- Section 1 --->
  122. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Background</h1>
  123. <hr class="m-0 mb-2 bg-dark">
  124.  
  125. <p>Aliquam a aliquam ligula. Curabitur vehicula eros ac scelerisque pellentesque. Nunc laoreet purus in libero porttitor sodales. Morbi ac nisl felis. Ut varius, quam ut mollis facilisis, dolor felis mattis magna, at ullamcorper dui neque at velit. Sed faucibus nisl sit amet enim sagittis lacinia. </p>
  126.  
  127. <p>Quisque iaculis leo eu neque malesuada luctus. Sed luctus, diam sit amet dictum ornare, erat lacus euismod elit, sit amet vulputate purus est vel nisl. Nullam rutrum convallis dignissim. Nam turpis dolor, tincidunt id rutrum tristique, efficitur vitae lacus. Curabitur quis consequat est, sed viverra purus.</p>
  128. <br>
  129. <!--- Section 2 --->
  130. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Timeline</h1>
  131. <hr class="m-0 mb-2 bg-dark">
  132.  
  133. <div class="row no-gutters">
  134. <table class="m-1" style="border:none;">
  135. <!--- Event 1 --->
  136. <tr>
  137. <td class="pt-3 pr-4 text-right" style="border-right:2px solid; vertical-align:top; width:20%;"><h4 style="font-family:'Georgia',serif; font-weight:900;">Jan 00, 0000</h4>
  138. </td>
  139. <td>
  140. <ul class="fa-ul ml-2">
  141. <li class="rounded bg-faded p-2 mb-3"><i class="fa-li fas fa-circle ml-20 text-success" style="margin-left:-2.5px;"></i>
  142. <h4 style="font-family:'Georgia',serif; font-weight:900;">Event</h4>
  143. <p>Event description. Can be as long or as short as you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
  144. </li>
  145. </ul>
  146. </td>
  147. </tr>
  148. <!--- Event 2 --->
  149. <tr>
  150. <td class="pt-3 pr-4 text-right" style="border-right:2px solid; vertical-align:top; width:20%;"><h4 style="font-family:'Georgia',serif; font-weight:900;">Jan 00, 0000</h4>
  151. </td>
  152. <td>
  153. <ul class="fa-ul ml-2">
  154. <li class="rounded bg-faded p-2 mb-3"><i class="fa-li fas fa-circle ml-20 text-warning" style="margin-left:-2.5px;"></i>
  155. <h4 style="font-family:'Georgia',serif; font-weight:900;">Event</h4>
  156. <p>Event description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula. Proin scelerisque purus diam, ac egestas dui lacinia sit amet. </p>
  157. </li>
  158. </ul>
  159. </td>
  160. </tr>
  161. <!--- Event 3 --->
  162. <tr>
  163. <td class="pt-3 pr-4 text-right" style="border-right:2px solid; vertical-align:top; width:20%;"><h4 style="font-family:'Georgia',serif; font-weight:900;">Jan 00, 0000</h4>
  164. </td>
  165. <td>
  166. <ul class="fa-ul ml-2">
  167. <li class="rounded bg-faded p-2 mb-3"><i class="fa-li fas fa-circle ml-20 text-danger" style="margin-left:-2.5px;"></i>
  168. <h4 style="font-family:'Georgia',serif; font-weight:900;">Event</h4>
  169. <p>Event description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at tellus id dui rutrum vehicula.</p>
  170. </li>
  171. </ul>
  172. </td>
  173. </tr>
  174. <!--- Copy the Event section until this line (<tr> through </tr>) to add more. --->
  175. </table>
  176. </div>
  177.  
  178. </div>
  179. </div>
  180. </div>
  181.  
  182. <!--- THIRD TAB --->
  183. <div class="tab-pane fade" id="tab3">
  184. <div class="p-1">
  185. <div class="p-1">
  186. <!--- Stats --->
  187. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Stats</h1>
  188. <hr class="m-0 mb-2 bg-dark">
  189. <!--- Row 1 --->
  190. <div class="row no-gutters">
  191. <!--- Stat 1 --->
  192. <div class="col-md-6 row no-gutters">
  193. <div class="col text-capitalize text-center">
  194. <h4 style="font-family:'Georgia',serif; font-weight:900;">strength</h4>
  195. </div>
  196. <div class="col-7 d-flex justify-content-around text-primary">
  197. <i class="fas fa-star"></i> <!--- full star --->
  198. <i class="fas fa-star"></i>
  199. <i class="fas fa-star-half-alt"></i> <!--- half star --->
  200. <i class="far fa-star"></i>
  201. <i class="far fa-star"></i> <!--- empty star --->
  202. </div>
  203. </div>
  204. <!--- Stat 2 --->
  205. <div class="col-md-6 row no-gutters">
  206. <div class="col text-capitalize text-center">
  207. <h4 style="font-family:'Georgia',serif; font-weight:900;">perception</h4>
  208. </div>
  209. <div class="col-7 d-flex justify-content-around text-primary">
  210. <i class="fas fa-star"></i>
  211. <i class="fas fa-star"></i>
  212. <i class="fas fa-star-half-alt"></i>
  213. <i class="far fa-star"></i>
  214. <i class="far fa-star"></i>
  215. </div>
  216. </div>
  217. </div>
  218. <!--- Row 2 --->
  219. <div class="row no-gutters">
  220. <!--- Stat 3 --->
  221. <div class="col-md-6 row no-gutters">
  222. <div class="col text-capitalize text-center">
  223. <h4 style="font-family:'Georgia',serif; font-weight:900;">endurance</h4>
  224. </div>
  225. <div class="col-7 d-flex justify-content-around text-primary">
  226. <i class="fas fa-star"></i>
  227. <i class="fas fa-star"></i>
  228. <i class="fas fa-star-half-alt"></i>
  229. <i class="far fa-star"></i>
  230. <i class="far fa-star"></i>
  231. </div>
  232. </div>
  233. <!--- Stat 4 --->
  234. <div class="col-md-6 row no-gutters">
  235. <div class="col text-capitalize text-center">
  236. <h4 style="font-family:'Georgia',serif; font-weight:900;">charisma</h4>
  237. </div>
  238. <div class="col-7 d-flex justify-content-around text-primary">
  239. <i class="fas fa-star"></i>
  240. <i class="fas fa-star"></i>
  241. <i class="fas fa-star-half-alt"></i>
  242. <i class="far fa-star"></i>
  243. <i class="far fa-star"></i>
  244. </div>
  245. </div>
  246. </div>
  247. <!--- Row 3 --->
  248. <div class="row no-gutters">
  249. <!--- Stat 5 --->
  250. <div class="col-md-6 row no-gutters">
  251. <div class="col text-capitalize text-center">
  252. <h4 style="font-family:'Georgia',serif; font-weight:900;">intelligence</h4>
  253. </div>
  254. <div class="col-7 d-flex justify-content-around text-primary">
  255. <i class="fas fa-star"></i>
  256. <i class="fas fa-star"></i>
  257. <i class="fas fa-star-half-alt"></i>
  258. <i class="far fa-star"></i>
  259. <i class="far fa-star"></i>
  260. </div>
  261. </div>
  262. <!--- Stat 6 --->
  263. <div class="col-md-6 row no-gutters">
  264. <div class="col text-capitalize text-center">
  265. <h4 style="font-family:'Georgia',serif; font-weight:900;">agility</h4>
  266. </div>
  267. <div class="col-7 d-flex justify-content-around text-primary">
  268. <i class="fas fa-star"></i>
  269. <i class="fas fa-star"></i>
  270. <i class="fas fa-star-half-alt"></i>
  271. <i class="far fa-star"></i>
  272. <i class="far fa-star"></i>
  273. </div>
  274. </div>
  275. </div>
  276. <!--- Row 4 --->
  277. <div class="row no-gutters">
  278. <!--- Stat 7 --->
  279. <div class="col-md-6 row no-gutters">
  280. <div class="col text-capitalize text-center">
  281. <h4 style="font-family:'Georgia',serif; font-weight:900;">luck</h4>
  282. </div>
  283. <div class="col-7 d-flex justify-content-around text-primary">
  284. <i class="fas fa-star"></i>
  285. <i class="fas fa-star"></i>
  286. <i class="fas fa-star-half-alt"></i>
  287. <i class="far fa-star"></i>
  288. <i class="far fa-star"></i>
  289. </div>
  290. </div>
  291. <!--- Stat 8 --->
  292. <div class="col-md-6 row no-gutters">
  293. <div class="col text-capitalize text-center">
  294. <h4 style="font-family:'Georgia',serif; font-weight:900;">lobster</h4>
  295. </div>
  296. <div class="col-7 d-flex justify-content-around text-primary">
  297. <i class="fas fa-star"></i>
  298. <i class="fas fa-star"></i>
  299. <i class="fas fa-star-half-alt"></i>
  300. <i class="far fa-star"></i>
  301. <i class="far fa-star"></i>
  302. </div>
  303. </div>
  304. </div>
  305. <!--- Copy a row section above to add more stats --->
  306.  
  307. <div class="row no-gutters mt-2">
  308. <!--- Likes --->
  309. <div class="col-md-6">
  310.  
  311. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Likes</h1>
  312. <hr class="m-0 mb-2 mr-sm-0 mr-md-3 bg-dark">
  313.  
  314. <ul class="fa-ul">
  315. <li><i class="fa-li fas fa-heart"></i>Like</li>
  316. <li><i class="fa-li fas fa-heart"></i>Like</li>
  317. <li><i class="fa-li fas fa-heart"></i>Like</li>
  318. </ul>
  319. </div>
  320. <!--- Dislikes --->
  321. <div class="col-md-6">
  322.  
  323. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Dislikes</h1>
  324. <hr class="m-0 mb-2 bg-dark">
  325.  
  326. <ul class="fa-ul">
  327. <li><i class="fa-li fas fa-heart-broken"></i>No</li>
  328. <li><i class="fa-li fas fa-heart-broken"></i>No</li>
  329. <li><i class="fa-li fas fa-heart-broken"></i>No</li>
  330. </ul>
  331. </div>
  332. </div>
  333.  
  334. <!--- Facts --->
  335. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Fun Facts</h1>
  336. <hr class="m-0 mb-2 bg-dark">
  337. <ul class="fa-ul">
  338. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  339. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  340. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  341. </ul>
  342.  
  343. <!--- Design notes --->
  344. <h1 class="text-primary" style="font-family:'Georgia',serif; font-weight:900;">Design Notes</h1>
  345. <hr class="m-0 mb-2 bg-dark">
  346. <ul class="fa-ul">
  347. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  348. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  349. <li><i class="fa-li fas fa-play"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim lectus quis diam rutrum mattis.</li>
  350. </ul>
  351. <!--- Color palettes. Change background colors. Can delete or add more divs for more/less colors. --->
  352. <div class="row no-gutters">
  353. <div class="col-md-6 row no-gutters p-1">
  354. <div class="col rounded-left" style="height:50px; background:#fff;"></div>
  355. <div class="col" style="height:50px; background:#ccc;"></div>
  356. <div class="col" style="height:50px; background:#585858;"></div>
  357. <div class="col" style="height:50px; background:#333;"></div>
  358. <div class="col rounded-right" style="height:50px; background:#000;"></div>
  359. </div>
  360. <div class="col-md-6 row no-gutters p-1">
  361. <div class="col rounded-left" style="height:50px; background:#fff;"></div>
  362. <div class="col" style="height:50px; background:#ccc;"></div>
  363. <div class="col" style="height:50px; background:#585858;"></div>
  364. <div class="col" style="height:50px; background:#333;"></div>
  365. <div class="col rounded-right" style="height:50px; background:#000;"></div>
  366. </div>
  367. </div>
  368.  
  369. </div>
  370. </div>
  371. </div>
  372.  
  373. <!--- FOURTH TAB --->
  374. <div class="tab-pane fade" id="tab4">
  375. <div class="p-1">
  376. <div class="p-1 row no-gutters">
  377. <!--- Relationships --->
  378. <!--- Relation 1 --->
  379. <div class="col-md-6 row no-gutters mb-1">
  380. <div class="col-4">
  381. <!--- Character url + image --->
  382. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  383. </div>
  384. <div class="col ml-2 px-1">
  385. <!--- Character url + description --->
  386. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  387. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  388. </div>
  389. </div>
  390. <!--- Relation 2 --->
  391. <div class="col-md-6 row no-gutters mb-1">
  392. <div class="col-4">
  393. <!--- Character url + image --->
  394. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  395. </div>
  396. <div class="col ml-2 px-1">
  397. <!--- Character url + description --->
  398. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  399. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  400. </div>
  401. </div>
  402. <!--- Relation 3 --->
  403. <div class="col-md-6 row no-gutters mb-1">
  404. <div class="col-4">
  405. <!--- Character url + image --->
  406. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  407. </div>
  408. <div class="col ml-2 px-1">
  409. <!--- Character url + description --->
  410. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  411. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  412. </div>
  413. </div>
  414. <!--- Relation 4 --->
  415. <div class="col-md-6 row no-gutters mb-1">
  416. <div class="col-4">
  417. <!--- Character url + image --->
  418. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  419. </div>
  420. <div class="col ml-2 px-1">
  421. <!--- Character url + description --->
  422. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  423. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  424. </div>
  425. </div>
  426. <!--- Relation 5 --->
  427. <div class="col-md-6 row no-gutters mb-1">
  428. <div class="col-4">
  429. <!--- Character url + image --->
  430. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  431. </div>
  432. <div class="col ml-2 px-1">
  433. <!--- Character url + description --->
  434. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  435. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  436. </div>
  437. </div>
  438. <!--- Relation 6 --->
  439. <div class="col-md-6 row no-gutters mb-1">
  440. <div class="col-4">
  441. <!--- Character url + image --->
  442. <a href="character_URL"><img class="rounded p-1 border text-secondary bg-light" src="https://via.placeholder.com/200.png" style="border:2px solid;"></a>
  443. </div>
  444. <div class="col ml-2 px-1">
  445. <!--- Character url + description --->
  446. <a href="character_URL"><h4 class="m-0" style="font-weight:900; font-family:'Georgia',serif;">Character Name</h4></a>
  447. <p>Relationship words go here. Aenean pharetra ullamcorper felis, sed pulvinar justo iaculis in. Proin iaculis urna non arcu iaculis, ut imperdiet</p>
  448. </div>
  449. </div>
  450.  
  451. </div>
  452. </div>
  453. </div>
  454.  
  455. </div>
  456.  
  457. </div>
  458. </div>
  459. <div class="text-secondary text-center pt-3">
  460. <div class="row no-gutters" style="font-size:1.5em;">
  461. <div class="col-5"><hr style="border-top:2px solid;"></div>
  462. <div class="col-2 text-primary"><i class="fas fa-star"></i></div>
  463. <div class="col-5"><hr style="border-top:2px solid;"></div>
  464. </div>
  465. <div style="font-size:2em; font-weight:900; font-family:'Georgia',serif;">
  466. <div class="pb-2">
  467. <!--- Reward money --->
  468. <p>REWARD: $10,000,000</p>
  469. </div>
  470. </div>
  471. </div>
  472. </div>
  473. <div class="text-right"><a href="https://toyhou.se/noll" style="font-size:1.3em;" data-toggle="tooltip" title="HTML by noll"><i class="fas fa-rabbit-fast"></i></a></div>
  474. </div>
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!