API tools faq
paste
junijwi

P-E Character Template

junijwi
Jan 19th, 2020 (edited)
400
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.38 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <div class="row">
  3. <div class="col-lg-3 text-center"><img src="https://orig00.deviantart.net/50a4/f/2018/060/0/3/toyhouse_1_by_junijwi-dc4nco1.png" class="fr-fic fr-dii fr-fir" width="250" height="500"></div>
  4. <div class="col-lg-9">
  5. <div class="card-header">
  6. <!--------------------------- NAVIGATION BUTTONS -------------------------------------->
  7.  
  8. <ul class="nav nav-tabs card-header-tabs">
  9. <li class="nav-item"><a class="nav-link show active" data-toggle="tab" href="#ONE"><i class="fa fa-id-card"></i> Basics</a></li>
  10. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#TWO"><i class="fa fa-info-circle"></i> Personality</a></li>
  11. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#THREE"><i class="fa fa-bookmark"></i> Biography</a></li>
  12. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#FOUR"><i class="fa fa-bar-chart"></i> Combat</a></li>
  13. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#FIVE"><i class="fa fa-heart"></i> Relations (Optional)</a></li>
  14. </ul>
  15. </div>
  16. <div class="tab-content">
  17. <!--------------------------- SECTION ONE -------------------------------------->
  18. <div class="tab-pane fade in card-block table-responsive active show" id="ONE" style="height:450px;">
  19.  
  20. <table class="border-0 w-100 mx-auto">
  21. <tbody>
  22. <tr>
  23. <td class="w-50 align-top"><strong>【 Name 】</strong>Name</td>
  24. <td class="w-50 align-top"><strong>【 Pokemon 】</strong>Species</td>
  25. </tr>
  26. <tr>
  27. <td class="align-top"><strong>【 Alias 】</strong>Alias or Nickname</td>
  28. <td class="align-top"><strong>【 Rank 】</strong>★☆☆☆☆</td>
  29. </tr>
  30. <tr>
  31. <td class="align-top"><strong>【 Gender 】</strong> Gender</td>
  32. <td class="align-top"><strong>【 Move 1 】</strong>Move 1</td>
  33. </tr>
  34. <tr>
  35. <td class="align-top"><strong>【 Height 】</strong>0&#39;0&quot;</td>
  36. <td class="align-top"><strong>【 Move 2 】</strong>Move 2</td>
  37. </tr>
  38. <tr>
  39. <td class="align-top"><strong>【 Age 】</strong>00 Years</td>
  40. <td class="align-top"><strong>【 Move 3 】</strong>Move 3</td>
  41. </tr>
  42. <tr>
  43. <td class="align-top"><strong>【 Status 】</strong> Sun Guard / Shadow / Citizen</td>
  44. <td class="align-top"><strong>【 Move 4 】</strong>Move 4</td>
  45. </tr>
  46. </tbody>
  47. </table>
  48. <hr>
  49.  
  50. <h2 class="text-center"><i class="text-muted">&quot;Write a quote here.....&quot;</i></h2>
  51.  
  52. <p>A quick summary of your character. You can give a brief description of their demeanor, who they work for, what their job is, what their goals are, etc.</p>
  53.  
  54. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.</p>
  55. </div>
  56. <!--------------------------- SECTION TWO -------------------------------------->
  57. <div class="tab-pane fade card-block table-responsive" id="TWO" style="height:450px;">
  58.  
  59. <h4>Personality</h4>
  60.  
  61. <p>Use this box to write your character description. This box will scroll when filled with content.</p>
  62.  
  63. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.</p>
  64.  
  65. <h4>Mannerisms</h4>
  66.  
  67. <p>Write about any quirks or habits your character has that may be observed. Optional.</p>
  68.  
  69. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  70.  
  71. <h4>Speech</h4>
  72.  
  73. <p>Describe how your character talks-- speaking habits, accents, etc. Optional.</p>
  74.  
  75. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>
  76. </div>
  77. <!--------------------------- SECTION THREE -------------------------------------->
  78. <div class="tab-pane fade card-block table-responsive" id="THREE" style="height:450px;">
  79.  
  80. <h4>Childhood</h4>
  81.  
  82. <p>What circumstances were they born in? Who were their parents? Was their childhood comfortable or a struggle? You don&#39;t have to write a whole bunch here honestly!</p>
  83.  
  84. <h4>Life Event</h4>
  85.  
  86. <p>At what moment did your character become a shadow or a sun guard? This event should give them drive/motivation, probably! This is the most important part of the biography.</p>
  87.  
  88. <h4>Presently</h4>
  89.  
  90. <p>What is your character&#39;s current job? What are their goals? What sort of places do they roam? Don&#39;t have to write a bunch here honestly!</p>
  91. </div>
  92. <!--------------------------- SECTION FOUR -------------------------------------->
  93. <div class="tab-pane fade card-block table-responsive" id="FOUR" style="height:450px;">
  94. <!--------------------------- PERSONALITY STATS -- CHANGE % TO CHANGE FULLNESS ------------------------->
  95.  
  96. <h4 style="margin-left: 20px;">AFFILIATION: SUN GUARD or SHADOW</h4>
  97.  
  98. <h4>Weapon (sun guard only)&nbsp;</h4>
  99.  
  100. <p>Describe your character&#39;s weapon (sun guard) or shadow art (shadow). A weapon is forged from steel but can take any form. The blade end takes on a color based on your pokemon&#39;s types (can be a gradient).</p>
  101.  
  102. <h4>Shadow Art (shadow only)&nbsp;</h4>
  103.  
  104. <p>Describe your character&#39;s <strong>passive</strong> Shadow Art. A shadow art is a power unique to your character-- there are passive abilities and active moves. For the passive ability, make something up! You can base it off of existing pokemon abilities or demon slayer attributes. For active moves, list them below under moves. You can use <a href="https://bulbapedia.bulbagarden.net/wiki/Shadow_move" id="">shadow moves</a> as inspiration, but you&#39;re encouraged to make your own shadow arts to fit your character more uniquely. Shadows get 1 passive ability as a New Moon, and then gain a new attack for each rank.</p>
  105.  
  106. <h4>Move 1 ★</h4>
  107.  
  108. <p>Your character&#39;s strongest move, their &quot;signature&quot;. Describe how they use their move. Shadows must be rank 2 to unlock.</p>
  109.  
  110. <h4>Move 2</h4>
  111.  
  112. <p>Describe how they use their move. Shadows must be rank 3 to unlock.</p>
  113.  
  114. <h4>Move 3</h4>
  115.  
  116. <p>Describe how they use their move. Shadows must be rank 4 to unlock.</p>
  117.  
  118. <h4>Move 4 ☆</h4>
  119.  
  120. <p>Your character&#39;s weakest move. Describe how they use their move. Shadows must be rank 5 to unlock.</p>
  121. </div>
  122. <!--------------------------- SECTION FIVE -------------------------------------->
  123. <div class="tab-pane fade card-block table-responsive" id="FIVE" style="height:450px;">
  124. <div class="row">
  125. <!--------------------------- CHARACTER LINK -------------------------------------->
  126. <div class="col-12 mb-2"><img src="https://orig00.deviantart.net/44c2/f/2018/060/a/0/toyhouse_2_by_junijwi-dc4ncnw.png" class="rounded float-left mr-2 fr-fil fr-dib" alt="toyhouse_2_by_junijwi-dc4ncnw.png" height="120" width="120">
  127.  
  128. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  129.  
  130. <p>[ <em>relationship</em> ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.</p>
  131. </div>
  132. <!--------------------------- CHARACTER LINK -------------------------------------->
  133. <div class="col-12 mb-2"><img src="https://orig00.deviantart.net/44c2/f/2018/060/a/0/toyhouse_2_by_junijwi-dc4ncnw.png" class="rounded float-left mr-2 fr-fil fr-dib" alt="toyhouse_2_by_junijwi-dc4ncnw.png" height="120" width="120">
  134.  
  135. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  136.  
  137. <p>[ <em>relationship</em> ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.</p>
  138. </div>
  139. <!--------------------------- CHARACTER LINK -------------------------------------->
  140. <div class="col-12 mb-2"><img src="https://orig00.deviantart.net/44c2/f/2018/060/a/0/toyhouse_2_by_junijwi-dc4ncnw.png" class="rounded float-left mr-2 fr-fil fr-dib" alt="toyhouse_2_by_junijwi-dc4ncnw.png" height="120" width="120">
  141.  
  142. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  143.  
  144. <p>[ <em>relationship</em> ] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante.</p>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151.  
  152. <p class="text-right"><a class="btn btn-danger" href="/lowkeywicked"><i class="fa fa-code mr-1"></i> Credit</a></p>
  153. </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!