API tools faq
paste
Advertisement
VairaSmythe

004. Pokemon - Trainer & Team

VairaSmythe
Jan 10th, 2019
2,254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.20 KB | None | 0 0
raw download clone embed print report
  1. <div align="center">
  2.  
  3. <div class="container mx-auto" style="width:1200px;">
  4. <div class="row mb-2">
  5. <div class="col-4">
  6. <div class="card card-outline-danger mb-4" style="height:800px;">
  7. <div class="card-header bg-danger text-white display-3"><i class="fa fa-bars"></i><strong>&nbsp;Basics<br></strong></div>
  8. <div class="card-block bg-faded">
  9.  
  10. <table class="border-0 w-80 mx-auto">
  11. <tbody>
  12. <tr>
  13. <td class="w-60 align-top" style="text-align: center;"><img src="https://i.imgur.com/1mF1gmP.png" class="float-center mr-1 img-rounded fr-fil fr-dib" width="100" height="100"></td>
  14. </tr>
  15. </tbody>
  16. </table>
  17. <div align="center"><span class="badge badge-pill badge-success" style="font-size: 20px;">Trainer/Coordinator/Breeder</span></div>
  18. <br>
  19.  
  20. <span class="badge badge-pill badge-primary"><strong>Name</strong></span>
  21. <br>Name here
  22. <br>
  23. <br>
  24. <span class="badge badge-pill badge-primary"><strong>Age</strong></span>
  25. <br>Age here
  26. <br>
  27. <br>
  28. <span class="badge badge-pill badge-primary"><strong>Gender</strong></span>
  29. <br>Gender here
  30. <br>
  31. <br>
  32. <span class="badge badge-pill badge-primary"><strong>Origin</strong></span>
  33. <br> Kanto/Johto/Hoenn/Sinnoh/Unova/Kalos/Alola
  34. <br>
  35. <br>
  36. <span class="badge badge-pill badge-primary"><strong>Orientation</strong></span>
  37. <br>Straight/Bi/Pan/Queer/etc
  38. <br>
  39. <br>
  40. <span class="badge badge-pill badge-primary"><strong>Alignment</strong></span>
  41. <br>Chaotic Good, Lawful Evil, etc
  42. <br>
  43. <br>
  44. <span class="badge badge-pill badge-primary"><strong>Pokeball</strong></span>
  45. <br>What is your fave Pokeball? Do you make your own?
  46.  
  47. </div>
  48. </div>
  49. </div>
  50.  
  51. <div class="col-8">
  52. <div class="card card-outline-danger mb-4" style="height:800px;">
  53. <div class="card-header bg-danger text-white">
  54.  
  55. <!----------------------------pokeball------------------------------->
  56. <span class="fa-stack fa-2x pull-left mr-2">
  57. <!-----the pokeball bg----->
  58. <i class="fas fa-circle fa-stack-2x" style="color:#ddd;"></i>
  59. <!-----the middle dot----->
  60. <i class="far fa-scrubber fa-stack-2x" style="color:#fff;"></i>
  61. <!-----the line and outline----->
  62. <i class="fal fa-ban fa-stack-2x fa-spin" style="color:#fff;"></i>
  63. </span>
  64. <!-----------------------end pokemon thing, just delete to this to remove it----------------------->
  65.  
  66. <div class="display-3"><strong>&nbsp;PKMN</div></strong>
  67.  
  68.  
  69. </div>
  70. <div class="card-block bg-faded table-responsive">
  71.  
  72. <table class="w-100 border-0">
  73. <tbody>
  74. <tr>
  75. <td><img src="https://i.imgur.com/9vtldGx.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  76. <strong>【Blastoise】</strong>
  77. <em>Starter Pokemon/What is their name?</em>
  78. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  79. <br>
  80. </td>
  81. </tr>
  82. <tr>
  83. <td><img src="https://i.imgur.com/39YeRV3.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  84. <strong>【Rattata】</strong>
  85. <em>Second Pokemon/What is their name?</em>
  86. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  87. <br>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td><img src="https://i.imgur.com/7NCTXKY.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  92. <strong>【Haunter】</strong>
  93. <em>Third Pokemon/What is their name?</em>
  94. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  95. <br>
  96. </td>
  97. </tr>
  98. <tr>
  99. <td><img src="https://i.imgur.com/u17Lj6B.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  100. <strong>【Galvantula】</strong>
  101. <em>Fourth Pokemon/What is their name?</em>
  102. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  103. <br>
  104. </td>
  105. </tr>
  106. <tr>
  107. <td><img src="https://i.imgur.com/qHQ7Gnk.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  108. <strong>【Gardevoir】</strong>
  109. <em>Fifth Pokemon/What is their name?</em>
  110. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  111. <br>
  112. </td>
  113. </tr>
  114. <tr>
  115. <td><img src="https://i.imgur.com/uRDUIst.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="100" height="100">
  116. <strong>【Lairon】</strong>
  117. <em>Sixth Pokemon/What is their name?</em>
  118. <br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
  119. <br>
  120. </td>
  121. </tr>
  122. </tbody>
  123. </table>
  124. </div>
  125. </div>
  126. </div>
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136. <div class="container mx-auto" style="width:1150px;">
  137. <div class="row mb-2">
  138. <div class="col-7">
  139. <div class="card card-outline-danger mb-4" style="height:350px;">
  140. <div class="card-header bg-danger text-white display-3"><i class="fa fa-pen"></i><strong>&nbsp;Notes<br></strong></div>
  141. <div class="card-block bg-faded table-responsive">
  142.  
  143. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  144. <br>
  145.  
  146. <ul class="mb-0">
  147. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  148. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  149. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  150. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  151. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  152. </ul>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="col-5">
  157. <div class="card card-outline-danger mb-4" style="height:350px;">
  158. <div class="card-header bg-danger text-white display-3"><i class="fa fa-info-circle"></i><strong>&nbsp;Important<br></strong></div>
  159. <div class="card-block bg-faded table-responsive">
  160.  
  161. <ul class="mb-0">
  162. <li>You can also use this for important moments instead!</li>
  163. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  164. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  165. <li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <!---------- Credit, please leave here so others can get the code! ------->
  174. <hr>
  175. <p class="text-right small"><a href="https://toyhou.se/3075395.codes/3334385."><i class="fas fa-code"></i></a> by <a href="https://toyhou.se/VairaSmythe">VairaSmythe</a>
  176. </p>
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!