Advertisement
Guest User

Lean RPG DnD 5e Profile

a guest
Aug 30th, 2020
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.07 KB | None | 0 0
  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>Gender/Pronouns</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! -Gender/Pronouns-->male/female/nonbinary (he/she/they)</span></td>
  31.  
  32. </tr><tr>
  33. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Age/Birthday</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! - Age/Birthday-->¯\_(ツ)_/¯</span></td>
  38.  
  39. </tr><tr>
  40. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Species</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! - Species -->¯\_(ツ)_/¯</span></td>
  45.  
  46. </tr><tr>
  47. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Orientation/Status</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! - Orientation/Status-->¯\_(ツ)_/¯</span></td>
  52.  
  53. </tr><tr>
  54. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Height</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! - Height-->¯\_(ツ)_/¯</span></td>
  59.  
  60. </tr><tr>
  61. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Body Build</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! - Body Build-->¯\_(ツ)_/¯</span></td>
  66.  
  67. </tr><tr>
  68. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Unique Features</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! - Unique Features-->¯\_(ツ)_/¯</span></td>
  73.  
  74. </tr><tr>
  75. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Origin/Home</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! - Origin/Home--> ¯\_(ツ)_/¯</span></td>
  80.  
  81. </tr><tr>
  82. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Personality</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! - Personality-->it is a mystery</span></td>
  87.  
  88. </tr>
  89. <tr>
  90. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Class/Occupation</strong></span></td>
  91. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  92. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  93.  
  94. <!-- !FILL! - class/occupation--> hero</span></td>
  95.  
  96. </tr><tr>
  97. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Alignment</strong></span></td>
  98. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  99. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  100.  
  101. <!-- !FILL! - Alignment--> i can be your devil or your angle</span></td></tr>
  102.  
  103. <!--to add another option, start copying here-->
  104. <tr>
  105. <td class="text-right pb-1 pt-0"><span style="font-size:9pt;"><strong>Game/Campaign</strong></span></td>
  106. <td class="text-center pb-1 pt-0"><i class="fa fa-angle-double-right" aria-hidden="true"></i></td>
  107. <td class="text-left pb-1 pt-0"><span style="font-size:9pt;">
  108.  
  109. <!-- !FILL! - Game/Campaign-->Pathfinder</span></td>
  110.  
  111. </tr>
  112. <!--to add another option, end copying here-->
  113. <!-- paste here -->
  114.  
  115. </tbody></table>
  116. </div>
  117. </div>
  118. </div>
  119.  
  120. <!-- Image & Stats END-->
  121.  
  122. <!-- DnD Stats BEGIN -->
  123.  
  124. <div class="row">
  125.  
  126. <div class="col-lg-2 col-6 pr-1">
  127. <div class="card bg-faded card-block d-block mb-2 text-center p-1" style="height:90px;">
  128. <div class="row">
  129. <div class="col-lg-6 col-6 text-center pr-1">
  130. <span class="text-muted display-6 mb-4">LVL</span><br>
  131. <span class="text-primary display-4 mb-4">
  132. <!-- !FILL! LvL-->1
  133. </span><br>
  134. <span class="text-muted display-6 mb-4">
  135. <!-- !FILL! Class-->Hero
  136. </span>
  137. </div>
  138. <div class="col-lg-6 col-6 text-center pl-1">
  139. <span class="text-muted display-6 mb-4">Alignment</span><br>
  140. <span class="text-primary display-4 mb-4">
  141. <!-- !FILL! alignment-->CN
  142. </span><br>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. <div class="col-lg-1 col-3 pr-1">
  149. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  150. <span class="text-muted display-6 mb-4"><small>Proficiency</small></span><br>
  151. <span class="text-primary display-4 mb-4">
  152. <!-- !FILL! Proficiency Bonus -->+2
  153. </span>
  154. </div>
  155. </div>
  156.  
  157.  
  158. <div class="col-lg-2 col-6 pr-1">
  159. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  160. <div class="row">
  161. <div class="col-lg-6 col-3 text-center pr-1">
  162. <span class="text-muted display-6 mb-4">HP</span><br>
  163. <span class="text-primary display-4 mb-4">
  164. <!-- !FILL! HP -->30
  165. </span><br>
  166. <span class="text-muted display-6 mb-4"></span>
  167. </div>
  168.  
  169. <div class="col-lg-6 col-6 text-center pl-1">
  170. <span class="text-muted display-6 mb-4">HD</span><br>
  171. <span class="text-primary display-4 mb-4">
  172. <!-- !FILL! HD -->4d8
  173. </span><br>
  174. <span class="text-muted display-6 mb-4"></span>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179.  
  180. <div class="col-lg-2 col-12 pr-1">
  181. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  182. <div class="row">
  183. <div class="col-lg-6 col-6 text-center pr-1">
  184. <span class="text-muted display-6 mb-4">AC</span><br>
  185. <span class="text-primary display-4 mb-4">
  186. <!-- !FILL! Armor Class -->18
  187. </span><br>
  188. <span class="text-muted display-6 mb-4"></span>
  189. </div>
  190.  
  191. <div class="col-lg-6 col-6 text-left pl-1">
  192. <span class="text-muted display-6 mb-4">Armor</span>&nbsp;
  193. <span class="text-primary display-6 mb-4">
  194. <!-- !FILL! Base Armor -->12
  195. </span><br>
  196. <span class="text-muted display-6 mb-4">Shield</span>&nbsp;
  197. <span class="text-primary display-6 mb-4">
  198. <!-- !FILL! Shield Bonus-->+2
  199. </span><br>
  200. <span class="text-muted display-6 mb-4">Dex</span>&nbsp;
  201. <span class="text-primary display-6 mb-4">
  202. <!-- !FILL! Dex Bonus-->+2
  203. </span><br>
  204. <span class="text-muted display-6 mb-4"></span>
  205. </div>
  206.  
  207.  
  208. </div>
  209. </div>
  210. </div>
  211.  
  212. <div class="col-lg-1 col-3 pr-1">
  213. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  214. <span class="text-muted display-6 mb-4">Ini</span><br>
  215. <span class="text-primary display-4 mb-4">
  216. <!-- !FILL! Initiative-->+2
  217. </span>
  218. </div>
  219. </div>
  220.  
  221. <div class="col-lg-1 col-3 pr-1">
  222. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  223. <span class="text-muted display-6 mb-4"><small>Movement</small></span><br>
  224. <span class="text-primary display-4 mb-4">
  225. <!-- !FILL! Movement-->30
  226. </span>
  227. </div>
  228. </div>
  229.  
  230. <div class="col-lg-1 col-3 pr-1">
  231. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  232. <span class="text-muted display-6 mb-4">Spell<br>Ability</span><br>
  233. <span class="text-primary display-4 mb-4">
  234. <!-- !FILL! Spell Ability Mod-->+3
  235. </span>
  236. </div>
  237. </div>
  238.  
  239. <div class="col-lg-1 col-3 pr-1">
  240. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  241. <span class="text-muted display-6 mb-4">Spell<br>DC</span><br>
  242. <span class="text-primary display-4 mb-4">
  243. <!-- !FILL! Spell DC-->14
  244. </span>
  245. </div>
  246. </div>
  247.  
  248. <div class="col-lg-1 col-3 pr-1">
  249. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="height:90px;">
  250. <span class="text-muted display-6 mb-4">Spell<br>Attack</span><br>
  251. <span class="text-primary display-4 mb-4">
  252. <!-- !FILL! Spell Attack-->+5
  253. </span>
  254. </div>
  255. </div>
  256.  
  257.  
  258. </div>
  259.  
  260. <!-- DnD Stats END -->
  261.  
  262. <!-- DnD Attacks START -->
  263. <div class="row">
  264.  
  265. <div class="col-lg-3 pr-1">
  266. <div class="card bg-faded card-block d-block mb-3 text-left py-1 pl-2 pr-3" style="_height:110px;">
  267. <span class="text-muted align-right display-6 mb-4">
  268. <!-- !FILL! Weapon 1 Weapon Type-->Simple
  269. </span>
  270. <span class="text-muted align-right display-6 mb-4">&nbsp;&nbsp;
  271. <!-- !FILL! Weapon 1 Dmg Type-->Bludgeoning
  272. </span>
  273. <span class="text-primary align-right display-6 mb-4">&nbsp;&nbsp;
  274. <!-- !FILL! Weapon 1 Melee/Ranged-->Melee
  275. </span><br>
  276.  
  277. <span class="text-primary display-4 mb-4">
  278. <!-- !FILL! Weapon 1 Name-->Mace
  279. </span><br>
  280.  
  281. <span class="text-primary display-6 mb-4">Hit </span>
  282. <span class="text-muted display-6 mb-4">
  283. <!-- !FILL! Weapon 1 Hit-->+3
  284. </span>
  285. <span class="text-primary display-6 mb-4 ml-1">Dmg </span>
  286. <span class="text-muted display-6 mb-4">
  287. <!-- !FILL! Weapon 1 Dmg-->1w8+1
  288. </span>
  289. <span class="text-primary display-6 mb-4 ml-1">Range </span>
  290. <span class="text-muted display-6 mb-4">
  291. <!-- !FILL! Weapon 1 Range-->-
  292. </span><br>
  293. <span class="text-muted display-6 mb-4">
  294. <!-- !FILL! Weapon 1 Properties-->&nbsp;
  295. </span>
  296. </div>
  297. </div>
  298.  
  299. <div class="col-lg-3 pr-1">
  300. <div class="card bg-faded card-block d-block mb-3 text-left py-1 pl-2 pr-3" style="_height:110px;">
  301. <span class="text-muted align-right display-6 mb-4">
  302. <!-- !FILL! Weapon 2 Weapon Type-->Simple
  303. </span>
  304. <span class="text-muted align-right display-6 mb-4">&nbsp;&nbsp;
  305. <!-- !FILL! Weapon 2 Dmg Type-->Piercing
  306. </span>
  307. <span class="text-primary align-right display-6 mb-4">&nbsp;&nbsp;
  308. <!-- !FILL! Weapon 2 Melee/Ranged-->Melee
  309. </span><br>
  310.  
  311. <span class="text-primary display-4 mb-4">
  312. <!-- !FILL! Weapon 2 Name-->Dagger
  313. </span><br>
  314.  
  315. <span class="text-primary display-6 mb-4">Hit </span>
  316. <span class="text-muted display-6 mb-4">
  317. <!-- !FILL! Weapon 2 Hit-->+1
  318. </span>
  319. <span class="text-primary display-6 mb-4 ml-1">Dmg </span>
  320. <span class="text-muted display-6 mb-4">
  321. <!-- !FILL! Weapon 2 Dmg-->1w4+1
  322. </span>
  323. <span class="text-primary display-6 mb-4 ml-1">Range </span>
  324. <span class="text-muted display-6 mb-4">
  325. <!-- !FILL! Weapon 2 Range-->20/60
  326. </span><br>
  327. <span class="text-muted display-6 mb-4">
  328. <!-- !FILL! Weapon 2 Properties-->Finesse, Light, Range, Thrown
  329. </span>
  330. </div>
  331. </div>
  332.  
  333. <div class="col-lg-3 pr-1">
  334. <div class="card bg-faded card-block d-block mb-3 text-left py-1 pl-2 pr-3" style="_height:110px;">
  335. <span class="text-muted align-right display-6 mb-4">
  336. <!-- !FILL! Weapon 3 Weapon Type-->Simple
  337. </span>
  338. <span class="text-muted align-right display-6 mb-4">&nbsp;&nbsp;
  339. <!-- !FILL! Weapon 3 Dmg Type-->Piercing
  340. </span>
  341. <span class="text-primary align-right display-6 mb-4">&nbsp;&nbsp;
  342. <!-- !FILL! Weapon 3 Melee/Ranged-->Ranged
  343. </span><br>
  344.  
  345. <span class="text-primary display-4 mb-4">
  346. <!-- !FILL! Weapon 3 Name-->Light Crossbow
  347. </span><br>
  348.  
  349. <span class="text-primary display-6 mb-4">Hit </span>
  350. <span class="text-muted display-6 mb-4">
  351. <!-- !FILL! Weapon 3 Hit-->+1
  352. </span>
  353. <span class="text-primary display-6 mb-4 ml-1">Dmg </span>
  354. <span class="text-muted display-6 mb-4">
  355. <!-- !FILL! Weapon 3 Dmg-->1w8+1
  356. </span>
  357. <span class="text-primary display-6 mb-4 ml-1">Range </span>
  358. <span class="text-muted display-6 mb-4">
  359. <!-- !FILL! Weapon 3 Range-->80/320
  360. </span><br>
  361. <span class="text-muted display-6 mb-4">
  362. <!-- !FILL! Weapon 3 Properties-->Loading, Range, Two-Handed
  363. </span>
  364. </div>
  365. </div>
  366.  
  367. <div class="col-lg-3 pr-1">
  368. <div class="card bg-faded card-block d-block mb-3 text-left py-1 pl-2 pr-3" style="_height:110px;">
  369. <span class="text-muted align-right display-6 mb-4">
  370. <!-- !FILL! Weapon 4 Weapon Type-->?
  371. </span>
  372. <span class="text-muted align-right display-6 mb-4">&nbsp;&nbsp;
  373. <!-- !FILL! Weapon 4 Dmg Type-->?
  374. </span>
  375. <span class="text-primary align-right display-6 mb-4">&nbsp;&nbsp;
  376. <!-- !FILL! Weapon 4 Melee/Ranged-->?
  377. </span><br>
  378.  
  379. <span class="text-primary display-4 mb-4">
  380. <!-- !FILL! Weapon 4 Name-->-
  381. </span><br>
  382.  
  383. <span class="text-primary display-6 mb-4">Hit </span>
  384. <span class="text-muted display-6 mb-4">
  385. <!-- !FILL! Weapon 4 Hit-->-
  386. </span>
  387. <span class="text-primary display-6 mb-4 ml-1">Dmg </span>
  388. <span class="text-muted display-6 mb-4">
  389. <!-- !FILL! Weapon 4 Dmg-->-
  390. </span>
  391. <span class="text-primary display-6 mb-4 ml-1">Range </span>
  392. <span class="text-muted display-6 mb-4">
  393. <!-- !FILL! Weapon 4 Range-->-
  394. </span><br>
  395. <span class="text-muted display-6 mb-4">
  396. <!-- !FILL! Weapon 4 Properties-->&nbsp;
  397. </span>
  398. </div>
  399. </div>
  400.  
  401.  
  402. </div>
  403.  
  404. <!-- DnD Attacks END -->
  405.  
  406. <!-- DnD Abilities & Skills START -->
  407.  
  408. <div class="row">
  409.  
  410. <!-- STR block START -->
  411. <div class="col-lg-6 col-12 pr-1">
  412. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  413. <div class="row">
  414. <div class="col-lg-2 col-6 text-center pr-1">
  415. <span class="text-muted display-4">STR</span>&nbsp;
  416. <span class="text-primary display-3 mb-4">
  417. <!-- !FILL! STR-->10
  418. </span>
  419. </div>
  420. <div class="col-lg-2 col-6 text-center pr-1">
  421. <span class="text-muted display-6 mb-4">Mod</span><br>
  422. <span class="text-primary display-4 mb-4">
  423. <!-- !FILL! STR Mod-->+0
  424. </span><br>
  425. <span class="text-muted display-6 mb-4"></span><br>
  426. <span class="text-primary display-6 mb-4"></span>
  427. </span>
  428. </div>
  429. <div class="col-lg-2 col-6 text-center px-1">
  430. <span class="text-muted display-6 mb-4">Save</span><br>
  431. <span class="text-primary display-4 mb-4">
  432. <!-- !FILL! STR Save-->+0
  433. </span><br>
  434. <span class="text-muted display-6 mb-4">
  435. <!-- !FILL! STR Proficiency--><i class="far fa-square"></i>/Adv
  436. </span>
  437. </div>
  438.  
  439. <div class="col-lg-6 col-12 text-left px-1">
  440. <span class="text-primary display-6 mb-4">
  441. <!-- !FILL! Athletics Proficiency--><i class="far fa-square"></i>
  442. </span>
  443. <span class="text-muted display-6 mb-4">Athletics</span>
  444. <span class="text-primary display-6 mb-4">
  445. <!-- !FILL! Athletics -->+0
  446. </span>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. <!-- STR block END -->
  452.  
  453. <!-- DEX block START -->
  454. <div class="col-lg-6 col-12 pr-1">
  455. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  456. <div class="row">
  457. <div class="col-lg-2 col-6 text-center pr-1">
  458. <span class="text-muted display-4">DEX</span>&nbsp;
  459. <span class="text-primary display-3 mb-4">
  460. <!-- !FILL! DEX-->10
  461. </span>
  462. </div>
  463. <div class="col-lg-2 col-6 text-center pr-1">
  464. <span class="text-muted display-6 mb-4">Mod</span><br>
  465. <span class="text-primary display-4 mb-4">
  466. <!-- !FILL! DEX Mod-->+0
  467. </span><br>
  468. <span class="text-muted display-6 mb-4"></span><br>
  469. <span class="text-primary display-6 mb-4"></span>
  470. </span>
  471. </div>
  472. <div class="col-lg-2 col-6 text-center px-1">
  473. <span class="text-muted display-6 mb-4">Save</span><br>
  474. <span class="text-primary display-4 mb-4">
  475. <!-- !FILL! DEX Save-->+0
  476. </span><br>
  477. <span class="text-muted display-6 mb-4">
  478. <!-- !FILL! DEX Proficiency--><i class="far fa-square"></i>/Adv
  479. </span>
  480. </div>
  481.  
  482. <div class="col-lg-6 col-12 text-left px-1">
  483. <span class="text-primary display-6 mb-4">
  484. <!-- !FILL! Acrobatics Proficiency--><i class="far fa-square"></i>
  485. </span>
  486. <span class="text-muted display-6 mb-4">Acrobatics</span>
  487. <span class="text-primary display-6 mb-4">
  488. <!-- !FILL! Acrobatics -->+0
  489. </span>
  490. <br>
  491. <span class="text-primary display-6 mb-4">
  492. <!-- !FILL! Sleight of Hand Proficiency--><i class="far fa-square"></i>
  493. </span>
  494. <span class="text-muted display-6 mb-4">Sleight of Hand</span>
  495. <span class="text-primary display-6 mb-4">
  496. <!-- !FILL! Sleight of Hand-->+0
  497. </span>
  498. <br>
  499. <span class="text-primary display-6 mb-4">
  500. <!-- !FILL! Stealth Proficiency--><i class="far fa-square"></i>
  501. </span>
  502. <span class="text-muted display-6 mb-4">Stealth</span>
  503. <span class="text-primary display-6 mb-4">
  504. <!-- !FILL! Stealth-->+0
  505. </span>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510. <!-- DEX block END -->
  511.  
  512. <!-- CON block START -->
  513. <div class="col-lg-6 col-12 pr-1">
  514. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  515. <div class="row">
  516. <div class="col-lg-2 col-6 text-center pr-1">
  517. <span class="text-muted display-4">CON</span>&nbsp;
  518. <span class="text-primary display-3 mb-4">
  519. <!-- !FILL! CON-->10
  520. </span>
  521. </div>
  522. <div class="col-lg-2 col-6 text-center pr-1">
  523. <span class="text-muted display-6 mb-4">Mod</span><br>
  524. <span class="text-primary display-4 mb-4">
  525. <!-- !FILL! CON Mod-->+0
  526. </span><br>
  527. <span class="text-muted display-6 mb-4"></span><br>
  528. <span class="text-primary display-6 mb-4"></span>
  529. </span>
  530. </div>
  531. <div class="col-lg-2 col-6 text-center px-1">
  532. <span class="text-muted display-6 mb-4">Save</span><br>
  533. <span class="text-primary display-4 mb-4">
  534. <!-- !FILL! CON Save-->+0
  535. </span><br>
  536. <span class="text-muted display-6 mb-4">
  537. <!-- !FILL! CON Proficiency--><i class="far fa-square"></i>/Adv
  538. </span>
  539. </div>
  540.  
  541. <div class="col-lg-6 col-12 text-left px-1">
  542. <!-- CON Skills-->
  543. </div>
  544. </div>
  545. </div>
  546. </div>
  547. <!-- CON block END -->
  548.  
  549. <!-- INT block START -->
  550. <div class="col-lg-6 col-12 pr-1">
  551. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  552. <div class="row">
  553. <div class="col-lg-2 col-6 text-center pr-1">
  554. <span class="text-muted display-4">INT</span>&nbsp;
  555. <span class="text-primary display-3 mb-4">
  556. <!-- !FILL! INT-->10
  557. </span>
  558. </div>
  559. <div class="col-lg-2 col-6 text-center pr-1">
  560. <span class="text-muted display-6 mb-4">Mod</span><br>
  561. <span class="text-primary display-4 mb-4">
  562. <!-- !FILL! INT Mod-->+0
  563. </span><br>
  564. <span class="text-muted display-6 mb-4"></span><br>
  565. <span class="text-primary display-6 mb-4"></span>
  566. </span>
  567. </div>
  568. <div class="col-lg-2 col-6 text-center px-1">
  569. <span class="text-muted display-6 mb-4">Save</span><br>
  570. <span class="text-primary display-4 mb-4">
  571. <!-- !FILL! INT Save-->+0
  572. </span><br>
  573. <span class="text-muted display-6 mb-4">
  574. <!-- !FILL! INT Proficiency--><i class="far fa-square"></i>/Adv
  575. </span>
  576. </div>
  577.  
  578. <div class="col-lg-3 col-12 text-left px-1">
  579. <span class="text-primary display-6 mb-4">
  580. <!-- !FILL! Arcana Proficiency--><i class="far fa-square"></i>
  581. </span>
  582. <span class="text-muted display-6 mb-4">Arcana</span>
  583. <span class="text-primary display-6 mb-4">
  584. <!-- !FILL! Arcana -->+0
  585. </span>
  586. <br>
  587. <span class="text-primary display-6 mb-4">
  588. <!-- !FILL! History Proficiency--><i class="far fa-square"></i>
  589. </span>
  590. <span class="text-muted display-6 mb-4">History</span>
  591. <span class="text-primary display-6 mb-4">
  592. <!-- !FILL! History-->+0
  593. </span>
  594. <br>
  595. <span class="text-primary display-6 mb-4">
  596. <!-- !FILL! Investigation Proficiency--><i class="far fa-square"></i>
  597. </span>
  598. <span class="text-muted display-6 mb-4">Investigation</span>
  599. <span class="text-primary display-6 mb-4">
  600. <!-- !FILL! Investigation-->+0
  601. </span>
  602. <br>
  603. <span class="text-primary display-6 mb-4">
  604. <!-- !FILL! Nature Proficiency--><i class="far fa-square"></i>
  605. </span>
  606. <span class="text-muted display-6 mb-4">Nature</span>
  607. <span class="text-primary display-6 mb-4">
  608. <!-- !FILL! Nature-->+0
  609. </span>
  610. </div>
  611. <div class="col-lg-3 col-12 text-left px-1">
  612. <span class="text-primary display-6 mb-4">
  613. <!-- !FILL! Religion Proficiency--><i class="far fa-square"></i>
  614. </span>
  615. <span class="text-muted display-6 mb-4">Religion</span>
  616. <span class="text-primary display-6 mb-4">
  617. <!-- !FILL! Religion-->+0
  618. </span>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. <!-- INT block END -->
  624.  
  625. <!-- WIS block START -->
  626. <div class="col-lg-6 col-12 pr-1">
  627. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  628. <div class="row">
  629. <div class="col-lg-2 col-6 text-center pr-1">
  630. <span class="text-muted display-4">WIS</span>&nbsp;
  631. <span class="text-primary display-3 mb-4">
  632. <!-- !FILL! WIS-->10
  633. </span>
  634. </div>
  635. <div class="col-lg-2 col-6 text-center pr-1">
  636. <span class="text-muted display-6 mb-4">Mod</span><br>
  637. <span class="text-primary display-4 mb-4">
  638. <!-- !FILL! WIS Mod-->+0
  639. </span><br>
  640. <span class="text-muted display-6 mb-4"></span><br>
  641. <span class="text-primary display-6 mb-4"></span>
  642. </span>
  643. </div>
  644. <div class="col-lg-2 col-6 text-center px-1">
  645. <span class="text-muted display-6 mb-4">Save</span><br>
  646. <span class="text-primary display-4 mb-4">
  647. <!-- !FILL! WIS Save-->+0
  648. </span><br>
  649. <span class="text-muted display-6 mb-4">
  650. <!-- !FILL! WIS Proficiency--><i class="far fa-square"></i>/Adv
  651. </span>
  652. </div>
  653.  
  654. <div class="col-lg-3 col-12 text-left px-0">
  655. <span class="text-primary display-6 mb-4">
  656. <!-- !FILL! Animal Handling Proficiency--><i class="far fa-square"></i>
  657. </span>
  658. <span class="text-muted display-6 mb-4">Animal Handle</span>
  659. <span class="text-primary display-6 mb-4">
  660. <!-- !FILL! Animal Handling -->+0
  661. </span>
  662. <br>
  663. <span class="text-primary display-6 mb-4">
  664. <!-- !FILL! Insight Proficiency--><i class="far fa-square"></i>
  665. </span>
  666. <span class="text-muted display-6 mb-4">Insight</span>
  667. <span class="text-primary display-6 mb-4">
  668. <!-- !FILL! Insight-->+0
  669. </span>
  670. <br>
  671. <span class="text-primary display-6 mb-4">
  672. <!-- !FILL! Medicine Proficiency--><i class="far fa-square"></i>
  673. </span>
  674. <span class="text-muted display-6 mb-4">Medicine</span>
  675. <span class="text-primary display-6 mb-4">
  676. <!-- !FILL! Medicine-->+0
  677. </span>
  678. <br>
  679. <span class="text-primary display-6 mb-4">
  680. <!-- !FILL! Perception Proficiency--><i class="far fa-square"></i>
  681. </span>
  682. <span class="text-muted display-6 mb-4">Perception</span>
  683. <span class="text-primary display-6 mb-4">
  684. <!-- !FILL! Perception-->+0
  685. </span>
  686. </div>
  687. <div class="col-lg-3 col-12 text-left px-1">
  688. <span class="text-primary display-6 mb-4">
  689. <!-- !FILL! Survival Proficiency--><i class="far fa-square"></i>
  690. </span>
  691. <span class="text-muted display-6 mb-4">Survival</span>
  692. <span class="text-primary display-6 mb-4">
  693. <!-- !FILL! Survival-->+0
  694. </span>
  695. </div>
  696. </div>
  697. </div>
  698. </div>
  699. <!-- WIS block END -->
  700.  
  701. <!-- CHA block START -->
  702. <div class="col-lg-6 col-12 pr-1">
  703. <div class="card bg-faded card-block d-block mb-3 text-center p-1" style="_height:90px;">
  704. <div class="row">
  705. <div class="col-lg-2 col-6 text-center pr-1">
  706. <span class="text-muted display-4">CHA</span>&nbsp;
  707. <span class="text-primary display-3 mb-4">
  708. <!-- !FILL! CHA-->10
  709. </span>
  710. </div>
  711. <div class="col-lg-2 col-6 text-center pr-1">
  712. <span class="text-muted display-6 mb-4">Mod</span><br>
  713. <span class="text-primary display-4 mb-4">
  714. <!-- !FILL! CHA Mod-->+0
  715. </span><br>
  716. <span class="text-muted display-6 mb-4"></span><br>
  717. <span class="text-primary display-6 mb-4"></span>
  718. </span>
  719. </div>
  720. <div class="col-lg-2 col-6 text-center px-1">
  721. <span class="text-muted display-6 mb-4">Save</span><br>
  722. <span class="text-primary display-4 mb-4">
  723. <!-- !FILL! CHA Save-->+0
  724. </span><br>
  725. <span class="text-muted display-6 mb-4">
  726. <!-- !FILL! CHA Proficiency--><i class="far fa-square"></i>/Adv
  727. </span>
  728. </div>
  729.  
  730. <div class="col-lg-6 col-12 text-left px-1">
  731. <span class="text-primary display-6 mb-4">
  732. <!-- !FILL! Deception Proficiency--><i class="far fa-square"></i>
  733. </span>
  734. <span class="text-muted display-6 mb-4">Deception</span>
  735. <span class="text-primary display-6 mb-4">
  736. <!-- !FILL! Deception -->+0
  737. </span>
  738. <br>
  739. <span class="text-primary display-6 mb-4">
  740. <!-- !FILL! Intimidation Proficiency--><i class="far fa-square"></i>
  741. </span>
  742. <span class="text-muted display-6 mb-4">Intimidation</span>
  743. <span class="text-primary display-6 mb-4">
  744. <!-- !FILL! Intimidation-->+0
  745. </span>
  746. <br>
  747. <span class="text-primary display-6 mb-4">
  748. <!-- !FILL! Performance Proficiency--><i class="far fa-square"></i>
  749. </span>
  750. <span class="text-muted display-6 mb-4">Performance</span>
  751. <span class="text-primary display-6 mb-4">
  752. <!-- !FILL! Performance-->+0
  753. </span>
  754. <br>
  755. <span class="text-primary display-6 mb-4">
  756. <!-- !FILL! Persuasion Proficiency--><i class="far fa-square"></i>
  757. </span>
  758. <span class="text-muted display-6 mb-4">Persuasion</span>
  759. <span class="text-primary display-6 mb-4">
  760. <!-- !FILL! Persuasion-->+0
  761. </span>
  762. </div>
  763. </div>
  764. </div>
  765. </div>
  766. <!-- CHA block END -->
  767.  
  768. </div>
  769.  
  770. <!-- DnD Abilities & Skills END -->
  771.  
  772.  
  773.  
  774.  
  775. <!-- Spells & About START -->
  776.  
  777. <div class="row">
  778. <div class="col-lg-5 pr-2"><div class="card bg-faded card-block d-block mb-4 table-responsive" style="height:400px;">
  779. <h1 class="text-muted display-4 mb-4" style="border-bottom:1px solid;"></i> Spells & Traits</h1>
  780.  
  781. <!-- Spell Table START - can be modified to list wands etc. instead or removed-->
  782.  
  783. <table class="border-0 w-100 chart"><tbody><tr>
  784. <td class="text-uppercase text-left text-muted px-1 pt-0 pb-1">Cantrips</td>
  785. <td class="text-uppercase text-left text-muted px-1 pt-0 pb-1">Spells</td>
  786. <td class="text-uppercase text-left text-muted px-1 pt-0 pb-1">Techniques</td>
  787. </tr><tr>
  788.  
  789. <!-- List of Cantrips -->
  790. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  791. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/d/detect-magic/">Detect Magic</a></li>
  792. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/p/prestidigitation/">Prestidigitation</a></li><!-- copypaste this line to add more -->
  793. </ul></td>
  794.  
  795. <!-- List of Spells -->
  796. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  797. <li class ="text-muted py-1" style="font-size:10pt;">1st Level</li>
  798. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/m/magic-missile/">Magic Missle</a></li>
  799. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/c/cure-light-wounds/">Cute Light Wounds</a></li><!-- copypaste this line to add more -->
  800.  
  801. <li class ="text-muted py-1" style="font-size:10pt;">2nd Level</li>
  802. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/h/hold-person/">Hold Person</a></li><!-- copypaste this line to add more -->
  803.  
  804. </ul></td>
  805.  
  806. <!-- List of Techniques -->
  807. <td class="py-0 pl-0 align-top" style="font-size:9pt;"><ul class="list-unstyled mb-0">
  808. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/classes/core-classes/bard/#TOC-Countersong-Su-">Countersong</a></li>
  809. <li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/classes/core-classes/bard/#TOC-Distraction-Su-">Distraction</a></li><!-- copypaste this line to add more -->
  810. </ul></td>
  811. </tr></tbody></table>
  812.  
  813. <!-- Spell Table END - can be modified to list wands etc. instead or removed-->
  814.  
  815. <hr>
  816.  
  817. <!-- Trait START - Copypaste to add more -->
  818.  
  819. <p class="text-uppercase text-primary mb-1">
  820. <!-- !FILL! name -->Low-Light Vision</p>
  821.  
  822. <p style="font-size:9pt;" class="pl-3">
  823. <!-- !FILL! description -->Characters with low-light vision have eyes that are so sensitive to light that they can see twice as far as normal in dim light. Characters with low-light vision can see outdoors on a moonlit night as well as they can during the day.</p>
  824.  
  825. <!-- Trait END- Copypaste to add more -->
  826.  
  827. </div>
  828.  
  829. </div>
  830. <div class="col-lg-7">
  831. <!-- About Box -->
  832. <div class="card mb-4 card-block bg-faded d-block rounded-bottom table-responsive" style="height:400px;">
  833. <!-- !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' -->
  834.  
  835. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">About</h1>
  836.  
  837. <!-- About Text START -->
  838.  
  839. <p style="font-size:9pt;" >
  840. <!-- !FILL! -->
  841. This is where you can write about your character!
  842. <ul style="font-size:9pt;" >
  843. <li>You can also</li>
  844. <li>add a bullet list</li>
  845. </ul>
  846. </p>
  847.  
  848. <p style="font-size:9pt;" >Add a new paragraph like this.</p>
  849.  
  850. <!-- About Text END -->
  851.  
  852. </div></div></div>
  853.  
  854. <!-- Spells & About END-->
  855. <!-- Optional - Insert Backstory & Relationship here -->
  856. <!-- Moodboard & Inventory START -->
  857.  
  858. <div class="row">
  859. <div class="col-lg-7"><div class="card mb-4 card-block bg-faded d-block table-responsive" style="height:360px;">
  860. <h1 class="display-4 text-left text-muted mb-4" style="border-bottom:1px solid;">Mood Board</h1>
  861.  
  862.  
  863. <!-- !FILL! --><p class="text-center"><img src="https://68.media.tumblr.com/0497037ffb4430829c12deb9c341c727/tumblr_omwsrabXUS1u080e1o2_540.gif" class="img-thumbnail">
  864. <br><span style="font-size:7px;">[<a href="link">source</a>]</span><!-- optional image source link -->
  865. </p><!-- Copypaste this part to add more - images will be down-sized to fit automatically -->
  866.  
  867.  
  868. <p class="" style="font-size:9pt;"> </p></div></div>
  869.  
  870. <div class="col-lg-5 pl-2"><div class="card mb-4 card-block bg-faded d-block table-responsive" style="height:360px;">
  871. <h1 class="display-4 text-right text-muted mb-4" style="border-bottom:1px solid;">Inventory</h1>
  872.  
  873. <p class="text-uppercase text-left text-muted px-1 pt-0 pb-1 mb-0">Items</p>
  874. <ul class="list-unstyled mb-0" style="font-size:9pt;">
  875.  
  876. <!-- List of items -->
  877. <!-- !FILL! --><li><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/r/read-magic/">Thieves' Tools (masterwork, 100GC)</a></li>
  878.  
  879. <!-- !FILL! --><li><i class="fa fa-angle-right" aria-hiddecn="true"></i>&nbsp;<a href="http://www.d20pfsrd.com/magic/all-spells/r/read-magic/">Tiny Glass Sculpture (stolen, 2GC)</a></li><!-- copypaste to add more -->
  880.  
  881. </ul>
  882. <br>
  883. <p class="text-uppercase text-left text-muted px-1 pt-0 pb-1 mb-0">Equipment</p>
  884. <ul class="list-unstyled mb-0" style="font-size:9pt;">
  885.  
  886. <!-- List of equipment and armor -->
  887.  
  888. <!-- !FILL! --><li class="text-muted"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Leather Amor (light armor, AC +2)</li>
  889.  
  890. <!-- !FILL! --><li class="text-muted"><i class="fa fa-angle-right" aria-hidden="true"></i>&nbsp;Necklace (Natural AC +1)</li><!-- copypaste to add more -->
  891.  
  892. </ul>
  893.  
  894. <p style="font-size:9pt;"><!-- write here to add things without bullet list--></p>
  895.  
  896. </div>
  897. </div></div></div>
  898.  
  899.  
  900. <!-- Moodboard & Inventory END-->
  901.  
  902.  
  903.  
  904. <p class="text-left">Layout by @rooty | <a href="http://toyhou.se/1390836">codes</a></p>
  905. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement