API tools faq
paste
Advertisement
Guest User

P-E Character Template

a guest
Jan 19th, 2020
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.80 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) or Attribute (shadow)</h4>
  99.  
  100. <p>Describe your character&#39;s weapon (sun guard) or attribute (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). An attribute is a physical or special ability, for example a stinger tail, wings, or hypnotic gaze that a shadow can use in addition to their moves.</p>
  101.  
  102. <h4>Move 1 ★</h4>
  103.  
  104. <p>Your character&#39;s strongest move, their &quot;signature&quot;. Describe how they use their move with their weapon.</p>
  105.  
  106. <h4>Move 2</h4>
  107.  
  108. <p>Describe how they use their move with their weapon.</p>
  109.  
  110. <h4>Move 3</h4>
  111.  
  112. <p>Describe how they use their move with their weapon.</p>
  113.  
  114. <h4>Move 4 ☆</h4>
  115.  
  116. <p>Your character&#39;s weakest move. Describe how they use their move with their weapon.</p>
  117. </div>
  118. <!--------------------------- SECTION FIVE -------------------------------------->
  119. <div class="tab-pane fade card-block table-responsive" id="FIVE" style="height:450px;">
  120. <div class="row">
  121. <!--------------------------- CHARACTER LINK -------------------------------------->
  122. <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">
  123.  
  124. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  125.  
  126. <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>
  127. </div>
  128. <!--------------------------- CHARACTER LINK -------------------------------------->
  129. <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">
  130.  
  131. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  132.  
  133. <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>
  134. </div>
  135. <!--------------------------- CHARACTER LINK -------------------------------------->
  136. <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">
  137.  
  138. <h2><a class="btn btn-sm btn-outline-primary character-name-badge mt-1" href="LINK">Character Name</a></h2>
  139.  
  140. <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>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. <p class="text-right"><a class="btn btn-danger" href="/lowkeywicked"><i class="fa fa-code mr-1"></i> Credit</a></p>
  149. </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!