API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 15th, 2020
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.16 KB | None | 0 0
raw download clone embed print report
  1. <div class="container pb-5" style="color: #36453b; background-color: #ece2d0;">
  2. <div class="row">
  3.  
  4. <div class="col-md-4">
  5. <div class="p-3 my-3" style="background-color: #F6F2EB;">
  6. <!--add a square image in src quotes - make sure to open image in a new tab for the src link!-->
  7. <img src="IMG URL HERE" alt="profile-image" class="d-block mx-auto" style="background-color: #f59ca9; width: 300px; height: 300px;">
  8. <!--change name, age, and gender here-->
  9. <h1 class="display-2 text-center p-2 font-weight-light">Name</h1>
  10. <h2 class="text-center font-weight-light">Age // Gender</h2>
  11. <hr>
  12. <!--do not remove species credits!-->
  13. <h1 class="display-4 text-center p-2 font-weight-light">Mirn Closed Species</h1>
  14. <p class="text-center"><i>created by</i></p>
  15. <h2 class="text-center pt-3 font-weight-light">@Split</h2>
  16. <h2 class="text-center font-weight-light">@Whitewingedcrow</h2>
  17. <hr>
  18. <h1 class="text-center p-2 font-weight-light">Mirn Hideaway</h1>
  19. <a href="https://toyhou.se/~world/6583.mirn-hideaway"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7a5132ec-cc14-4e05-8e07-671cf3b165d9/ddnosaw-886b13d8-404f-4b70-bf10-fd34857da992.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzdhNTEzMmVjLWNjMTQtNGUwNS04ZTA3LTY3MWNmM2IxNjVkOVwvZGRub3Nhdy04ODZiMTNkOC00MDRmLTRiNzAtYmYxMC1mZDM0ODU3ZGE5OTIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.OtXN_zsFZRHCxSYCM8mYXwkT_ddj9AqAiipINeXRvVI" class="w-25 d-block mx-auto pb-2"></a>
  20. </div>
  21. </div>
  22.  
  23. <div class="col-md-8">
  24. <div class="pb-3" style="background-color: #F6F2EB;">
  25. <h1 class="display-2 font-weight-light p-3 mt-3" style="background-color: #c6d8af;">Base Traits</h1>
  26. <!--change "blah" to appropriate traits-->
  27. <span class="text-uppercase font-weight-light px-3">Hair</span><span class="text-uppercase pull-right font-weight-light px-3">Blah</span>
  28. <hr>
  29. <span class="text-uppercase font-weight-light px-3">Horns</span><span class="text-uppercase pull-right font-weight-light px-3">Blah</span>
  30. <hr>
  31. <span class="text-uppercase font-weight-light px-3">Eyes</span><span class="text-uppercase pull-right font-weight-light px-3">Blah</span>
  32. <hr>
  33. <span class="text-uppercase font-weight-light px-3">Ears</span><span class="text-uppercase pull-right font-weight-light px-3">Blah</span>
  34. <hr>
  35. <span class="text-uppercase font-weight-light px-3">Tail</span><span class="text-uppercase pull-right font-weight-light px-3">Blah</span>
  36. </div>
  37.  
  38. <div class="row">
  39.  
  40. <div class="col-md-6">
  41. <div class="h-100" style="background-color: #F6F2EB;">
  42. <h1 class="display-2 font-weight-light p-3 mt-4" style="background-color: #c6d8af;">Mutations</h1>
  43. <!--add or remove checkmarks to indicate which mutations are present on the design.
  44. to add: paste <i class="fas fa-check-double pull-right px-3"></i> at end of the mutation <span>
  45. to remove: simply delete the same line from the end of the mutation <span> -->
  46. <span class="font-weight-light text-uppercase px-3">Hair Extensions</span> <i class="fas fa-check-double pull-right px-3"></i>
  47. <hr>
  48. <span class="font-weight-light text-uppercase px-3">Horned God</span> <i class="fas fa-check-double pull-right px-3"></i>
  49. <hr>
  50. <span class="font-weight-light text-uppercase px-3">Windows to the Soul</span> <i class="fas fa-check-double pull-right px-3"></i>
  51. <hr>
  52. <span class="font-weight-light text-uppercase px-3">Keen Hearing</span> <i class="fas fa-check-double pull-right px-3"></i>
  53. <hr>
  54. <span class="font-weight-light text-uppercase px-3">Twin Tails</span> <i class="fas fa-check-double pull-right px-3"></i>
  55. <hr>
  56. <span class="font-weight-light text-uppercase px-3">Fancy Feet</span> <i class="fas fa-check-double pull-right px-3"></i>
  57. </div>
  58. </div>
  59.  
  60. <div class="col-md-6">
  61. <div class="h-100" style="background-color: #F6F2EB;">
  62. <h1 class="display-2 font-weight-light p-3 mt-4" style="background-color: #c6d8af;">RLC</h1>
  63. <!--add or remove checkmarks to indicate which RLC traits are present on the design.
  64. to add: paste <i class="fas fa-check-double pull-right px-3"></i> at end of the RLC <span>
  65. to remove: simply delete the same line from the end of the RLC <span> -->
  66. <span class="font-weight-light text-uppercase px-3">Halos</span> <i class="fas fa-check-double pull-right px-3"></i>
  67. <hr>
  68. <span class="font-weight-light text-uppercase px-3">Light Tattoos</span> <i class="fas fa-check-double pull-right px-3"></i>
  69. <hr>
  70. <span class="font-weight-light text-uppercase px-3">Wings</span> <i class="fas fa-check-double pull-right px-3"></i>
  71. <hr>
  72. <span class="font-weight-light text-uppercase px-3">Crystal Limbs</span> <i class="fas fa-check-double pull-right px-3"></i>
  73. <hr>
  74. </div>
  75. </div>
  76.  
  77. </div>
  78.  
  79. </div>
  80. </div>
  81. <!--END OF BASIC PROFILE-->
  82. <div class="row">
  83. <!-- Basics section -->
  84. <div class="col-md-4">
  85. <div class="h-100" style="background-color: #F6F2EB;">
  86. <h1 class="display-2 font-weight-light p-3 mt-3" style="background-color: #c6d8af;">Basics</h1>
  87. <!-- change the text categories and "blah" to anything you like - do not add or remove categories -->
  88. <span class="font-weight-light text-uppercase px-3">Orientation</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  89. <hr>
  90. <span class="font-weight-light text-uppercase px-3">Height</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  91. <hr>
  92. <span class="font-weight-light text-uppercase px-3">Weight</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  93. <hr>
  94. <span class="font-weight-light text-uppercase px-3">Build</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  95. <hr>
  96. <span class="font-weight-light text-uppercase px-3">Role</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  97. <hr>
  98. <span class="font-weight-light text-uppercase px-3">Alignment</span><span class="font-weight-light text-uppercase px-3 pull-right">blah</span>
  99. <hr>
  100. <span class="font-weight-light text-uppercase px-3">Theme Song</span><span class="font-weight-light text-uppercase px-3 pull-right"><a href="LINK HERE">blah</a></span>
  101. </div>
  102. </div>
  103. <!-- Combat Stats section -->
  104. <div class="col-md-4">
  105. <div class="h-100" style="background-color: #F6F2EB;">
  106. <h1 class="display-2 font-weight-light p-3 mt-3" style="background-color: #c6d8af;">Combat Stats</h1>
  107. <!-- Can change categories - do not add or remove categories or leaf icons
  108. change "fas" to "far" to get a leaf outline instead of a solid leaf
  109. use solid leaves to indicate stat level-->
  110. <span class="font-weight-light text-uppercase px-3">Attack</span>
  111. <i class="far fa-leaf pull-right py-2 px-1"></i>
  112. <i class="far fa-leaf pull-right py-2 px-1"></i>
  113. <i class="far fa-leaf pull-right py-2 px-1"></i>
  114. <i class="far fa-leaf pull-right py-2 px-1"></i>
  115. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  116. <hr>
  117. <span class="font-weight-light text-uppercase px-3">Defense</span>
  118. <i class="far fa-leaf pull-right py-2 px-1"></i>
  119. <i class="far fa-leaf pull-right py-2 px-1"></i>
  120. <i class="far fa-leaf pull-right py-2 px-1"></i>
  121. <i class="far fa-leaf pull-right py-2 px-1"></i>
  122. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  123. <hr>
  124. <span class="font-weight-light text-uppercase px-3">Constitution</span>
  125. <i class="far fa-leaf pull-right py-2 px-1"></i>
  126. <i class="far fa-leaf pull-right py-2 px-1"></i>
  127. <i class="far fa-leaf pull-right py-2 px-1"></i>
  128. <i class="far fa-leaf pull-right py-2 px-1"></i>
  129. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  130. <hr>
  131. <span class="font-weight-light text-uppercase px-3">Magic</span>
  132. <i class="far fa-leaf pull-right py-2 px-1"></i>
  133. <i class="far fa-leaf pull-right py-2 px-1"></i>
  134. <i class="far fa-leaf pull-right py-2 px-1"></i>
  135. <i class="far fa-leaf pull-right py-2 px-1"></i>
  136. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  137. <hr>
  138. <span class="font-weight-light text-uppercase px-3">Speed</span>
  139. <i class="far fa-leaf pull-right py-2 px-1"></i>
  140. <i class="far fa-leaf pull-right py-2 px-1"></i>
  141. <i class="far fa-leaf pull-right py-2 px-1"></i>
  142. <i class="far fa-leaf pull-right py-2 px-1"></i>
  143. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  144. <hr>
  145. <span class="font-weight-light text-uppercase px-3">Stealth</span>
  146. <i class="far fa-leaf pull-right py-2 px-1"></i>
  147. <i class="far fa-leaf pull-right py-2 px-1"></i>
  148. <i class="far fa-leaf pull-right py-2 px-1"></i>
  149. <i class="far fa-leaf pull-right py-2 px-1"></i>
  150. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  151. <hr>
  152. <span class="font-weight-light text-uppercase px-3">Luck</span>
  153. <i class="far fa-leaf pull-right py-2 px-1"></i>
  154. <i class="far fa-leaf pull-right py-2 px-1"></i>
  155. <i class="far fa-leaf pull-right py-2 px-1"></i>
  156. <i class="far fa-leaf pull-right py-2 px-1"></i>
  157. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  158. </div>
  159. </div>
  160.  
  161. <div class="col-md-4">
  162. <div class="h-100" style="background-color: #F6F2EB;">
  163. <h1 class="display-2 font-weight-light p-3 mt-3" style="background-color: #c6d8af;">Social Stats</h1>
  164. <!-- Can change categories - do not add or remove categories or leaf icons
  165. change "fas" to "far" to get a leaf outline instead of a solid leaf
  166. use solid leaves to indicate stat level-->
  167. <span class="font-weight-light text-uppercase px-3">Intelligence</span>
  168. <i class="far fa-leaf pull-right py-2 px-1"></i>
  169. <i class="far fa-leaf pull-right py-2 px-1"></i>
  170. <i class="far fa-leaf pull-right py-2 px-1"></i>
  171. <i class="far fa-leaf pull-right py-2 px-1"></i>
  172. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  173. <hr>
  174. <span class="font-weight-light text-uppercase px-3">Empathy</span>
  175. <i class="far fa-leaf pull-right py-2 px-1"></i>
  176. <i class="far fa-leaf pull-right py-2 px-1"></i>
  177. <i class="far fa-leaf pull-right py-2 px-1"></i>
  178. <i class="far fa-leaf pull-right py-2 px-1"></i>
  179. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  180. <hr>
  181. <span class="font-weight-light text-uppercase px-3">Patience</span>
  182. <i class="far fa-leaf pull-right py-2 px-1"></i>
  183. <i class="far fa-leaf pull-right py-2 px-1"></i>
  184. <i class="far fa-leaf pull-right py-2 px-1"></i>
  185. <i class="far fa-leaf pull-right py-2 px-1"></i>
  186. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  187. <hr>
  188. <span class="font-weight-light text-uppercase px-3">Loyalty</span>
  189. <i class="far fa-leaf pull-right py-2 px-1"></i>
  190. <i class="far fa-leaf pull-right py-2 px-1"></i>
  191. <i class="far fa-leaf pull-right py-2 px-1"></i>
  192. <i class="far fa-leaf pull-right py-2 px-1"></i>
  193. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  194. <hr>
  195. <span class="font-weight-light text-uppercase px-3">Charisma</span>
  196. <i class="far fa-leaf pull-right py-2 px-1"></i>
  197. <i class="far fa-leaf pull-right py-2 px-1"></i>
  198. <i class="far fa-leaf pull-right py-2 px-1"></i>
  199. <i class="far fa-leaf pull-right py-2 px-1"></i>
  200. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  201. <hr>
  202. <span class="font-weight-light text-uppercase px-3">Temper</span>
  203. <i class="far fa-leaf pull-right py-2 px-1"></i>
  204. <i class="far fa-leaf pull-right py-2 px-1"></i>
  205. <i class="far fa-leaf pull-right py-2 px-1"></i>
  206. <i class="far fa-leaf pull-right py-2 px-1"></i>
  207. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  208. <hr>
  209. <span class="font-weight-light text-uppercase px-3">Ambition</span>
  210. <i class="far fa-leaf pull-right py-2 px-1"></i>
  211. <i class="far fa-leaf pull-right py-2 px-1"></i>
  212. <i class="far fa-leaf pull-right py-2 px-1"></i>
  213. <i class="far fa-leaf pull-right py-2 px-1"></i>
  214. <i class="fas fa-leaf pull-right py-2 px-1"></i>
  215. </div>
  216. </div>
  217.  
  218. </div>
  219.  
  220. <div class="row">
  221. <!-- Personality Section -->
  222. <div class="col-md-6 mt-5">
  223. <div style="background-color: #F6F2EB;">
  224. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">Personality</h1>
  225. <!-- can type any amount of text where the "blahs" are -->
  226. <div class="overflow-auto" style="height: 306px;">
  227. <p class="p-3">blah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah</p>
  228. </div>
  229. </div>
  230. </div>
  231. <!-- Likes section -->
  232. <div class="col-md-6 mt-5">
  233. <div style="background-color: #F6F2EB;">
  234. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">Likes</h1>
  235. <div class="row">
  236. <div class="col-6">
  237. <!-- add character likes in <li></li> tags. do not add or remove <li> tags or it messes with alignment -->
  238. <ul>
  239. <li></li>
  240. <li></li>
  241. <li></li>
  242. <li></li>
  243. </ul>
  244. </div>
  245. <div class="col-6">
  246. <ul>
  247. <li></li>
  248. <li></li>
  249. <li></li>
  250. <li></li>
  251. </ul>
  252. </div>
  253. </div>
  254. </div>
  255. <!-- Dislikes section -->
  256. <div class="row">
  257. <div class="col-md-12 mt-3">
  258. <div style="background-color: #F6F2EB;">
  259. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">Dislikes</h1>
  260. <div class="row">
  261. <div class="col-md-6">
  262. <!-- add character dislikes in <li></li> tags. do not add or remove <li> tags or it messes with alignment -->
  263. <ul>
  264. <li></li>
  265. <li></li>
  266. <li></li>
  267. <li></li>
  268. </ul>
  269. </div>
  270. <div class="col-md-6">
  271. <ul>
  272. <li></li>
  273. <li></li>
  274. <li></li>
  275. <li></li>
  276. </ul>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282.  
  283. </div>
  284.  
  285. </div>
  286.  
  287. <div class="row">
  288. <!-- Skills section -->
  289. <div class="col-md-6 mt-3">
  290. <div style="background-color: #F6F2EB;">
  291. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">Skills</h1>
  292. <div class="overflow-auto" style="height: 306px;">
  293. <!-- change "skill name" and "blah blah blah" to anything you like. can add or remove sections as necessary-->
  294. <h3 class="px-3">Skill Name</h3>
  295. <hr>
  296. <p class="p-3">blah blah blah</p>
  297. <hr>
  298.  
  299. <h3 class="px-3">Skill Name</h3>
  300. <hr>
  301. <p class="p-3">blah blah blah</p>
  302. <hr>
  303.  
  304. <h3 class="px-3">Skill Name</h3>
  305. <hr>
  306. <p class="p-3">blah blah blah</p>
  307. <hr>
  308.  
  309. </div>
  310. </div>
  311. </div>
  312. <!-- History Section -->
  313. <div class="col-md-6 mt-3">
  314. <div style="background-color: #F6F2EB;">
  315. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">History</h1>
  316. <div class="overflow-auto" style="height: 306px;">
  317. <!-- can add as much text as desired -->
  318. <p class="p-3">blah blah blah</p>
  319. </div>
  320. </div>
  321. </div>
  322. <!-- Links Section -->
  323. <div class="col-md-12 mt-3">
  324. <div style="background-color: #F6F2EB;">
  325. <h1 class="display-2 font-weight-light p-3" style="background-color: #c6d8af;">Links</h1>
  326. <div class="row overflow-auto" style="height: 400px;">
  327. <!-- add img URLs where noted below - don't forget to open your images in a new tab!
  328. change "name" and "blah blah blah" to whatever you like
  329. can add or remove sections as necessary -->
  330. <div class="col-md-4 h-100">
  331. <img src="IMG URL HERE" alt="profile-image" class="d-block mx-auto m-2" style="background-color: #f59ca9; width: 200px; height: 200px;">
  332. <h4 class="text-center pt-3">Name</h4>
  333. <p class="p-3 mb-3">blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah</p>
  334. </div>
  335.  
  336. <div class="col-md-4 h-100">
  337. <img src="IMG URL HERE" alt="profile-image" class="d-block mx-auto m-2" style="background-color: #f59ca9; width: 200px; height: 200px;">
  338. <h4 class="text-center pt-3">Name</h4>
  339. <p class="p-3 mb-3">blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah</p>
  340. </div>
  341.  
  342. <div class="col-md-4 h-100">
  343. <img src="IMG URL HERE" alt="profile-image" class="d-block mx-auto m-2" style="background-color: #f59ca9; width: 200px; height: 200px;">
  344. <h4 class="text-center pt-3">Name</h4>
  345. <p class="p-3 mb-3">blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blahblah blah blah blah blah blah</p>
  346. </div>
  347.  
  348. </div>
  349. </div>
  350. </div>
  351.  
  352. </div>
  353. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!