API tools faq
paste
Advertisement
Cry_Me_A_River

Warriors Profile

Cry_Me_A_River
Oct 20th, 2019 (edited)
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.60 KB | None | 0 0
raw download clone embed print report
  1. <!---------Allegiance Description-->
  2. <div class="card card-outline-primary p-3"><center>(CAT NAME) is a (FUR COLORS) (FUR PATTERNS) (she-cat/tom/cat) with (EYE COLOR) eyes. (PRONOUNS) has (TORN EARS/SCARS/OTHER STUFF IF ANY ETC)</center></div>
  3. <hr>
  4. <!---------IMAGES / ICONS-->
  5. <div class="row">
  6. <div class="col-6 col-md-4" style="text-align:center;">
  7. <img src="http://placehold.it/200x200" class="img-thumbnail">
  8. </div>
  9. <div class="col-6 col-md-4" style="text-align:center;">
  10. <img src="http://placehold.it/200x200" class="img-thumbnail">
  11. </div>
  12. <div class="col-6 col-md-4" style="text-align:center;">
  13. <img src="http://placehold.it/200x200" class="img-thumbnail">
  14. </div>
  15. </div>
  16. <hr>
  17. <ul class="nav nav-tabs card-header-tabs row mb-1">
  18. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary active" data-toggle="tab" href="#reg1">About</a></li>
  19. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#reg2">Education</a></li>
  20. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#reg3">Family</a></li>
  21. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#reg4">Story</a></li>
  22. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#reg5">Stats</a></li>
  23. <li class="col-md-4 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#reg6">Personality</a></li>
  24. </ul>
  25.  
  26. <!---------ABOUT-->
  27. <div class="tab-content">
  28. <div class="tab-pane fade active show" id="reg1">
  29. <div class="card card-outline-primary p-3">
  30. <div class="p-3">
  31. <div class="row">
  32. <p class="col-6">
  33. <span class="font-weight-bold text-uppercase">Name:</span><br><span class="text-muted">text here</span><br>
  34. <span class="font-weight-bold text-uppercase">Gender:</span><br><span class="text-muted">text here</span><br>
  35. <span class="font-weight-bold text-uppercase">Pronouns:</span><br><span class="text-muted">text here</span><br>
  36. <span class="font-weight-bold text-uppercase">Blood:</span><br><span class="text-muted">(Thunderclan/Windclan/Shadowclan/Riverclan/Kittypet)</span><br>
  37. <span class="font-weight-bold text-uppercase">Clan:</span><br><span class="text-muted">(Thunderclan/Windclan/Shadowclan/Riverclan/None)</span><br>
  38. <span class="font-weight-bold text-uppercase">Status:</span><br><span class="text-muted">(Alive/Deceased/Unknown)</span><br>
  39. <span class="font-weight-bold text-uppercase">Rank:</span><br><span class="text-muted">text here</span><br></div></div>
  40. </div>
  41. </div>
  42. <!---------EDUCATION-->
  43. <div class="tab-pane fade" id="reg2">
  44. <div class="card card-outline-primary p-3">
  45. <div class="p-3">
  46. <div class="row">
  47. <p class="col-6">
  48. <span class="font-weight-bold text-uppercase">Mentor(s):</span><br><span class="text-muted">text here</span><br>
  49. <span class="font-weight-bold text-uppercase">Apprentice(s):</span><br><span class="text-muted">text here</span><br></div></div>
  50. </div>
  51. </div>
  52. <!---------FAMILY-->
  53. <div class="tab-pane fade" id="reg3">
  54. <div class="card card-outline-primary p-3">
  55. <div class="p-3"><div class="row">
  56. <p class="col-6">
  57. <span class="font-weight-bold text-uppercase">Mother:</span><br><span class="text-muted">Character</span><br>
  58. <span class="font-weight-bold text-uppercase">Father:</span><br><span class="text-muted">Character</span><br>
  59. <span class="font-weight-bold text-uppercase">Brother(s):</span><br><span class="text-muted">Character, Character, Character</span><br>
  60. <span class="font-weight-bold text-uppercase">Sister(s):</span><br><span class="text-muted">Character, Character, Character</span><br>
  61. <span class="font-weight-bold text-uppercase">Mate(s):</span><br><span class="text-muted">Character, Character, Character</span><br>
  62. <span class="font-weight-bold text-uppercase">Son(s):</span><br><span class="text-muted">Character, Character, Character</span><br>
  63. <span class="font-weight-bold text-uppercase">Daughter(s):</span><br><span class="text-muted">Character, Character, Character</span><br></div></div>
  64. </div>
  65. </div>
  66. <!---------STORY-->
  67. <div class="tab-pane fade" id="reg4">
  68. <div class="card card-outline-primary p-3">
  69. <div class="p-3">Text4</div>
  70. </div>
  71. </div>
  72. <!---------STATS-->
  73. <div class="tab-pane fade" id="reg5">
  74. <div class="card card-outline-primary p-3">
  75. <div class="p-3">
  76. <b>ATTACK:</b>
  77. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin ="0" aria-valuemax="100" style="width:0%;height:16px">0%</div></div>
  78. <b>STRENGTH:</b>
  79. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="25" aria-valuemin ="0" aria-valuemax="100" style="width:25%;height:16px">25%</div></div>
  80. <b>SPEED:</b>
  81. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="50" aria-valuemin ="0" aria-valuemax="100" style="width:50%;height:16px">50%</div></div>
  82. <b>DEFENCE:</b>
  83. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="75" aria-valuemin ="0" aria-valuemax="100" style="width:75%;height:16px">75%</div></div>
  84. <b>ENDURANCE:</b>
  85. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="100" aria-valuemin ="0" aria-valuemax="100" style="width:100%;height:16px">100%</div></div>
  86. <b>TACTIC:</b>
  87. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="50" aria-valuemin ="0" aria-valuemax="100" style="width:50%;height:16px">50%</div></div>
  88. <b>KNOWLEDGE:</b>
  89. <div class="progress my-2"><div class="progress-bar bg-warning" role="progressbar" aria-valuenow="0" aria-valuemin ="0" aria-valuemax="100" style="width:0%;height:16px">0%</div></div>
  90. </div>
  91. </div>
  92. </div>
  93. <!---------PERSONALITY-->
  94. <div class="tab-pane fade" id="reg6">
  95. <div class="card card-outline-primary p-3">
  96. <div class="p-3">Text6</div>
  97. </div>
  98. </div>
  99. <!---------CREDIT DO NOT EDIT-->
  100. </div>
  101. <p class="pull-right my-2"><a href="https://toyhou.se/Code_Me_A_River"><i class="fal fa-dewpoint"></i></a></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!