API tools faq
paste
Advertisement
Guest User

Smol Profile

a guest
Oct 17th, 2017
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.93 KB | None | 0 0
raw download clone embed print report
  1. <!-- Sections marked !FILL! show a field you can change -->
  2.  
  3. <div class="container">
  4.  
  5. <!-- !FILL! --> <h1 class="display-2 text-center text-primary">Name</h1>
  6. <!-- !FILL! --> <h6 class="text-center">short description/keywords (e.g. Race, Job)</h6>
  7.  
  8. <!-- Image & Stats BEGIN -->
  9.  
  10. <div class="row mt-2 mb-3" >
  11. <div class="col-lg-6 pr-0" ><div class="card-block text-right p-0 pr-1 modal-open" style="height:400px;" ><div>
  12.  
  13. <!-- !FILL! --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png"><!-- recommended images max. 400x400, but all images are made to fit automatically. Images that are wider get resized, and images that are higher get cut off --> <!-- to have higher images being resized automatically, use <img src="url" style="height:400px;"> -->
  14.  
  15. </div></div></div>
  16. <div class="col-lg-6 pl-1"><div class="pl-0 card-block table-responsive" style="height:auto;">
  17. <table style="margin-left:0px;margin-right:auto;border:0px;"><tbody>
  18. <tr>
  19. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Name</strong></span></td>
  20. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  21. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  22.  
  23. <!-- !FILL! - Name --> Name</span></td>
  24.  
  25. </tr><tr>
  26. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Titles/Nicknames</strong></span></td>
  27. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  28. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  29.  
  30. <!-- !FILL! - Nicknames titles--> Nicknames</span></td>
  31.  
  32. </tr><tr>
  33. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Gender/Pronouns</strong></span></td>
  34. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  35. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  36.  
  37. <!-- !FILL! -Gender/Pronouns-->male/female/nonbinary (he/she/they)</span></td>
  38.  
  39. </tr><tr>
  40. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Age/Birthday</strong></span></td>
  41. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  42. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  43.  
  44. <!-- !FILL! - Age/Birthday-->¯\_(ツ)_/¯</span></td>
  45.  
  46. </tr><tr>
  47. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Species</strong></span></td>
  48. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  49. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  50.  
  51. <!-- !FILL! - Species - you can even link the species info! <a href="url">text</a> -->¯\_(ツ)_/¯</span></td></span></td>
  52.  
  53. </tr><tr>
  54. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Orientation/Status</strong></span></td>
  55. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  56. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  57.  
  58. <!-- !FILL! - Orientation/Status-->¯\_(ツ)_/¯</span></td>
  59.  
  60. </tr><tr>
  61. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Height</strong></span></td>
  62. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  63. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  64.  
  65. <!-- !FILL! - Height-->¯\_(ツ)_/¯</span></td>
  66.  
  67. </tr><tr>
  68. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Body Build</strong></span></td>
  69. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  70. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  71.  
  72. <!-- !FILL! - Body Build-->¯\_(ツ)_/¯</span></td>
  73.  
  74. </tr><tr>
  75. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Traits/Unique Features</strong></span></td>
  76. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  77. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  78.  
  79. <!-- !FILL! - Traits/Unique Features-->¯\_(ツ)_/¯</span></td>
  80.  
  81. </tr><tr>
  82. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Home</strong></span></td>
  83. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  84. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  85.  
  86. <!-- !FILL! - Origin/Home--> ¯\_(ツ)_/¯</span></td>
  87.  
  88. </tr><tr>
  89. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Voice Claim</strong></span></td>
  90. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  91. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  92.  
  93. <!-- !FILL! - Voice Claim --><a href="https://www.youtube.com/">who dis</a></span></td>
  94.  
  95. </tr><tr>
  96. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Theme Song/s</strong></span></td>
  97. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  98. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  99.  
  100. <!-- !FILL! - Theme Songs --><a href="https://www.youtube.com/">Artist - Song</a></span></td>
  101.  
  102. </tr><tr>
  103. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Personality</strong></span></td>
  104. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  105. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  106.  
  107. <!-- !FILL! - Personality-->it is a mystery</span></td>
  108.  
  109. </tr>
  110. </tbody></table>
  111. </div>
  112. </div>
  113. </div>
  114.  
  115. <!-- Image & Stats END-->
  116.  
  117.  
  118. <!-- Personality & Stuff START -->
  119.  
  120. <div class="row">
  121. <!-- Skills END-->
  122. <div class="col-lg-3 pr-2">
  123.  
  124. <div class="card bg-faded card-block d-block mb-4 table-responsive" style="height:400px;">
  125. <h1 class="text-muted display-4 mb-4" style="border-bottom:1px solid;"></i> Traits/Skills</h1>
  126. <table class="border-0 w-100 chart"><tbody>
  127. <tr>
  128.  
  129. <td class="text-uppercase text-left text-primary w-50 px-2 pt-0 pb-1">
  130. <!-- !FILL! - skill 1-->Strength</td><td class="w-50 p-0"">
  131. <!-- !FILL! - copypaste <i class="fa fa-star"></i> for more stars --><p class="text-primary"><i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i></p></td>
  132.  
  133. </tr><tr>
  134.  
  135. <!-- to add another skill, copypaste this part-->
  136. <td class="text-uppercase text-left text-primary w-50 px-2 pt-0 pb-1">
  137. <!-- !FILL! - skill 2-->Stamina</td><td class="w-50 p-0">
  138. <!-- !FILL! - copypaste <i class="fa fa-star"></i>&nbsp; for more stars --><p class="text-primary"><i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i>&nbsp;<i class="fa fa-star"></i></p></td>
  139. <!-- to add another skill, copypaste this part-->
  140.  
  141. </tr></tbody></table>
  142. <hr>
  143.  
  144. <table class="border-0 w-100 chart"><tbody><tr>
  145. <td class="text-uppercase text-left text-primary px-1 pt-0 pb-1">Flaws</td>
  146. <td class="text-uppercase text-left text-primary px-1 pt-0 pb-1">Qualities</td>
  147. <td class="text-uppercase text-left text-primary px-1 pt-0 pb-1">Aims</td>
  148. </tr><tr>
  149. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  150.  
  151. <!-- !FILL! - Flaw - fill after the &nbsp; - copypaste this line to add more --><li>✗&nbsp;selfish</li>
  152.  
  153. </ul></td>
  154. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  155.  
  156. <!-- !FILL! - Qualities - fill after the &nbsp; - copypaste this line to add more --><li>✓&nbsp;patient</li>
  157.  
  158. </ul></td>
  159. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  160.  
  161. <!-- !FILL! - Motivation- fill after the &nbsp; - copypaste this line to add more --><li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;to find a family</li>
  162.  
  163. </ul></td>
  164. </tr></tbody></table>
  165.  
  166. <hr>
  167.  
  168. <!-- !FILL! - skill name --><p class="text-uppercase text-primary mb-1">LOW-LIGHT VISION</p>
  169. <!-- !FILL! - skill description --><p style="font-size:9pt;" class="pl-1">They have eyes that are so sensitive to light that they can see twice as far as normal in dim light. </p>
  170. </div>
  171.  
  172. </div>
  173. <!-- Skills END-->
  174. <!-- About START-->
  175. <div class="col-lg-5 pr-2">
  176. <!-- About Box -->
  177. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:400px;">
  178. <!-- !FILL! image --> <img src="https://orig00.deviantart.net/897a/f/2017/287/0/0/scan_2_c_ss_by_milay-dbql5r1.png" class="float-right m1-1 ml-2" style="height:300px;"><!-- looks best with transparent images - optional - feel free to remove - images will be resized to fit automatically - for images wider than 300px, change 'height' to 'width' -->
  179.  
  180. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">About</h1>
  181.  
  182. <!-- About Text START -->
  183.  
  184. <p style="font-size:9pt;" >
  185. <!-- !FILL! -->
  186. This is where you can write about your character!
  187. <ul style="font-size:9pt;" >
  188. <li>You can also</li>
  189. <li>add a bullet list</li>
  190. </ul>
  191. </p>
  192.  
  193. <p style="font-size:9pt;" >Add a new paragraph like this.</p>
  194.  
  195. <!-- About Text END -->
  196. </div></div>
  197.  
  198. <!-- About END-->
  199. <!-- Relationships START -->
  200.  
  201. <div class="col-lg-4">
  202. <div class="card mb-4 card-block bg-faded d-block table-responsive" style="height:400px;">
  203. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">Relationships/Family</h1>
  204.  
  205. <!-- Family Box START - optional - feel free to remove -->
  206. <table style="margin-left:auto;margin-right:auto;border:0px;" class="mb-3">
  207. <tbody>
  208. <!-- Row Begin --> <tr>
  209.  
  210. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  211. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  212. <strong>Name</strong><br /> age, job/desc </a></p>
  213. </td><!-- Character End -->
  214.  
  215. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  216. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  217. <strong>Name</strong><br /> age, job/desc </a></p>
  218. </td><!-- Character End -->
  219.  
  220. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  221. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  222. <strong>Name</strong><br /> age, job/desc </a></p>
  223. </td><!-- Character End -->
  224.  
  225. </tr> <!-- Row End -->
  226.  
  227. <!-- Row Begin --><tr>
  228.  
  229. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  230. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  231. <strong>Name</strong><br /> age, job/desc </a></p>
  232. </td><!-- Character End -->
  233.  
  234. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  235. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  236. <strong>Name</strong><br /> age, job/desc </a></p>
  237. </td><!-- Character End -->
  238.  
  239. <!-- !FILL! --><!-- Character Begin --> <td width="33%" class="pr-0 pt-0 pr-0 pb-1">
  240. <p style="font-size: 8pt;text-align:center;"><a href="http://toyhou.se/"><img src="http://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="img-thumbnail" alt="" /><br />
  241. <strong>Name</strong><br /> age, job/desc </a></p>
  242. </td><!-- Character End -->
  243.  
  244. </tr> <!-- Row End -->
  245. </tbody>
  246. </table>
  247.  
  248. <!-- Family Box END - optional - feel free to remove -->
  249.  
  250. <!-- !FILL! - description --><p style="font-size:9pt;">Here you could write about how loving your character is to his family and friends. </p>
  251.  
  252. <!-- !FILL! -->
  253. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-left mr-2" style="width:110px;" >
  254. <p class="text-left text-uppercase text-primary mb-1 pt-1"><i class="fa fa-angle-right"></i> Character Name</p>
  255. <p style="font-size:9pt;" class="text-left pl-1">This could be their best friend or adoptive dad.</p>
  256. <br clear="all"></div>
  257.  
  258. <!-- !FILL! -->
  259. <div class="mt-3 pt-2"><img src="https://orig07.deviantart.net/4694/f/2017/104/e/e/imgres_by_milay-db5t2x3.jpg" class="float-right ml-2" style="width:110px;" >
  260. <p class="text-right text-uppercase text-primary mb-1 pt-1">Character Name <i class="fa fa-angle-left"></i></p>
  261. <p style="font-size:9pt;" class="text-right pr-1">Maybe their sister or arch-nemesis.</p>
  262. <br clear="all"></div>
  263.  
  264. </div></div>
  265. <!-- Relationships END -->
  266. </div>
  267. <!-- Personality & Stuff END -->
  268.  
  269.  
  270.  
  271. <p class="text-left">Layout by @rooty | <a href="http://toyhou.se/1390836">codes</a></p>
  272. </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!